/**********************************************
   CSS FILE FOR TEAMTUBE - LAYOUT STYLES
   DEVELOPED BY PHOSPHOR ESSENCE
   COPYRIGHT 2007
   www.phosphor.co.nz
   **********************************************/

html, body { 
    height:100%;            
    font-family:Segoe UI, Lucida Sans Unicode, Arial, sans-serif;
    font-size:85%;
}

body { background-color:#4D4D4D; }

p { padding: 7px 0 7px 0;}

#mainContainer {
    margin:20px auto; 
    padding:0 0 0 0; 
    /*min-height:100%; */
    width:960px;  
    background:url(../userfiles/image/backgrounds/brushed_steel.png) top left ;
}

/***********
   HEADER
   ***********/

#header {
    background:url(../userfiles/image/backgrounds/rounded_top.png) top left no-repeat;
}

#logo {
    float:left;
    margin: 10px 0 0 60px;
}

#nav {
    padding:5px 0 0 10px;
    height:130px;
    position:relative;
    background:url(../userfiles/image/backgrounds/nav.png) no-repeat bottom left;
}

#nav div.wrapper { 
    position: absolute;
    bottom: 10px;
    right: 0px;
}

#nav a.lang { 
    float: right;
    padding: 10px 20px 15px;
}

#nav ul {
    float: right;
    list-style: none;
	clear:both;
}

#nav ul li {
    float:left; 
    margin:0 6px; 
    padding:10px 0;
} 

#nav ul a {
    font-size:13px;
    padding:10px 5px 15px;
}

#nav p { 
    text-align:center;
    font-weight: bold;
    font-size:30px;
    color: #444;
}

#nav li.selected { background: white url(../userfiles/image/backgrounds/nav_selected_right.png) no-repeat top right; }


#nav li.selected a {
    background: transparent url(../userfiles/image/backgrounds/nav_selected_left.png) no-repeat top left;
    color: #C2272D /* dark red */;
}

#content,
#subnav,
#nav { margin: 0 10px 0 300px;}

#subnav { 
    background:white;
    
    height:40px;
}

/****************
   CONTENT WRAP
   *************/
/* Products
   Links
   Content
   SubNav */
/*
   #contentWrap
   {
    clear:both;
    padding: 0;

    background:transparent url(../userfiles/image/backgrounds/contentWrap_center.png) repeat-y top left;
}

#contentWrap .topcorners { 
    background:transparent url(../userfiles/image/backgrounds/contentwrap_top.png) no-repeat 933px 0px;
}

#contentWrap .bottomcorners {
    background:transparent url(../userfiles/image/backgrounds/contentwrap_bottom.png) no-repeat bottom left;
}
/
*/

/************
   PRODUCTS
   *********/

#products {
    padding-top:8px;
    float:left; 
    z-index:-1;
    width:270px;
    background:transparent url(../userfiles/image/backgrounds/products_top.png) top right no-repeat scroll;
}

#products .corners {
    padding-bottom:9px; 
    float:left; 
    width:270px;
    background:transparent url(../userfiles/image/backgrounds/products_bottom.png) bottom right no-repeat scroll;
}

#products .inner {
    float:left; 
    width:270px;
    background:transparent url(../userfiles/image/backgrounds/products_center.png) repeat-y top right;
}

#products ul {
    list-style:none;
    max-width:250px;
}


/****
   LINKS
   ****/

#products li a:link, 
#products li a:visited,
#products li h3 {
    display:block;
    width:250px;
    font-weight:bold;
    font-size:16px;
}

#products h3 { 
    font-size: 15px;
    font-weight: bold;
    font-family: sans-serif;
}

#products  li li a:link, 
#products  li li  a:visited {
    font-weight: normal;
    font-size: 15px;
    font-family: Arial;
}

#products li li li a:link, 
#products li li li  a:visited {
    font-size:14px;
}

#products a:link, #products a:visited, #nav a:link, #nav a:visited {
    color:#333;
    text-decoration:none;
}

#products a:hover, 
#products a:active, 
#nav a:hover, 
#nav a:active {
    color:#C2272D /* dark red */;
    text-decoration:none;
}

#products .selected  a:link, 
#products .selected  a:visited { 
    color:#C2272D /* dark red */;
    background: transparent  url(../userfiles/image/backgrounds/products_selected_top.png) top left no-repeat;
    margin-left:0px;
    padding-left:10px;
}

#products li.selected { background: white  url(../userfiles/image/backgrounds/products_selected_bottom.png) bottom left no-repeat;
    margin:0;}

#products li { width:290px; }

li[id='Round Bar Products'] ul li { margin-left: 10%;}

#products li[id='Round Bar Products'] ul li.selected { margin-left: 5%; }

/******
   CONTENT
   *******/

#content {  
    background: white url(../userfiles/image/backgrounds/content_bottom.png) no-repeat bottom right;
    padding: 0.1pt 0 10px;
    
    /* position: relative is required for the z-index 
       this is to put the contents div above the navigation */
    
    position:relative;
    z-index:2;
}

#content .corners {
    padding: 0 0 10px 0;
}

#content .textBlock { margin:0px 10px 0px 10px;}

#content .columnLeft { max-width: 263px;  }

#content .columnLeft img { 
    margin-top: 10px;
}

#content .columnRight {
    float: right; 
    margin: 0 0 0 15px;
}

#textBlock {
    border:solid 1px #D7D7D7;
    border-width:0 1px;
    padding:3px 10px;
}

#textForm {
    margin-left:30px; 
}

#content h1, #content h2, #content h3 {	
    color:#C2272D /* dark red */;
}

#content  h1 { 
    border-bottom: solid 1px black;
    padding-bottom: 5px;
    margin-bottom: 5px;
    font-size: 18px;
}

#content .sideBar {
    width:298px;
    height:219px;
    float:right;
    margin: 0 10px 0 0;
}

#content .header {
    height:197px;
    width:630px;
    margin:0 9px 10px;
}


#content .textBlockTopCorners {
    background:url(../userfiles/image/backgrounds/textbox_top.png) no-repeat top left;
    margin: 0 10px;
    padding-top:7px;
}

#content .textBlockBottomCorners {
    background:url(../userfiles/image/backgrounds/textbox_bottom.png) no-repeat bottom left;
    padding-bottom:7px;
}

#content .textBlockTopCorners440 {
    background:transparent url(../userfiles/image/backgrounds/textbox_320_top.png) no-repeat top left;
    margin: 10px 215px 0px 10px;
    padding-top:7px;
}

#content .textBlockBottomCorners440 {
    background:transparent url(../userfiles/image/backgrounds/textbox_320_bottom.png) no-repeat bottom left;
    padding-bottom:7px;
}

#content .smallColumn { 
    width:175px;
    padding:5px;
    margin:5px;
    float:left;
}

#textBlock.frontPage { width: 298px; }

/******
   SUBNAV
   ******/
#subnav ul { list-style:none; } 

#subnav ul li { 
    float:left; 
    margin:0 20px 0 0; 
} 

#subnav {
    height:20px;
    text-align:center;
}

#subnav ul {
    width:500px;
    margin:0 auto;
}

#subnav a:link, #subnav a:visited { color: #C2272D /* dark red */;;}
#subnav a:hover, #subnav a:active { color:#ccc;}

/************
   FOOTER
   ************/
#footer {
    height:35px;
    margin:0 auto; 
    overflow:hidden; 
    width:960px;

    background:url(../userfiles/image/backgrounds/rounded_bottom.png) bottom left no-repeat;
    text-align:center;
}

#footer .footercenter {
    height:50px; 
    margin:5px 240px; 
    width:300px;
}

#footer ul#utils {
    list-style:none;
    float:right;
    margin-right: 20px;
}

#footer ul#utils li { float:left; }



/***********
   TABLES
   ********/
/* for the product pages*/
#stocklist table,
table.technical {
    padding-bottom:20px;
    width: 340px;
}
#stocklist table.excess{
	width: 340px;	
}
#stocklist table.excess td.qty{
	text-align:right;
	/*padding-right:30px;*/
}

#stocklist table tbody,
#stocklist table tbody { 
   /* height: 500px;
    overflow-x: hidden;
    overflow-y: scroll;*/
}

.topleftcorner { margin-bottom:20px; }

#stocklist table thead,
table.technical thead { padding:9px; }

table.technical, 
.technical .topleftcorner { width: 608px; }

td {
    padding: 2px 5px;
    color:#555;
    font-family:sans-serif;
    font-size:11px;	
}

thead td {
    font-weight:bold;
    font-size:12px;
    text-align:left;
}

tbody { background:transparent; }

tbody td.even { background: #eee; }
tbody td.odd { background: #ddd; }

#stocklist table td { 
    border: solid 1px #555;
    border-width: 1px 0 0;
}

#stocklist table tbody tr.empty td,
#stocklist table tbody tr:first-child > td { border-width: 0 !important; }

#content p.call-us { 
    width: 320px;
    background: #ddd  url(../userfiles/image/backgrounds/product_table_bottom.png) no-repeat bottom left;
    font-weight: bold;
    font-size: 13px;
    text-align: center;
    padding: 0;
    margin: 10px 0;
}

#content p.call-us .corners { 
    display: block;
    background: transparent url(../userfiles/image/backgrounds/product_table_top.png) no-repeat top left;
    padding: 10px;
}

#content a.technical { 
    display:block;
    width:320px;
    background: #ddd  url(../userfiles/image/backgrounds/product_table_bottom.png) no-repeat bottom left;
}

#content a.technical span.corners { 
    padding: 10px;
    display: block;
    background: transparent url(../userfiles/image/backgrounds/product_table_top.png) no-repeat top left;
}

.topleftcorner { background: #eee url(../userfiles/image/backgrounds/top_left_corner.png) no-repeat top left;
    min-width:300px;}

.toprightcorner { background: transparent url(../userfiles/image/backgrounds/top_right_corner.png) no-repeat top right; } 

.bottomleftcorner { background: transparent url(../userfiles/image/backgrounds/bottom_left_corner.png) no-repeat bottom left; } 

.bottomrightcorner { background: transparent url(../userfiles/image/backgrounds/bottom_right_corner.png) no-repeat bottom right; overflow:auto;}

#stocklistlinks { 
    margin: 10px 0;
    background:#eee;
    width:320px;
}

#stocklistlinks ul { 
    list-style:none;
    margin:0;
    padding:5px 10px 10px;
    background:transparent url(../userfiles/image/backgrounds/product_table_bottom.png) no-repeat bottom left;
}

#stocklistlinks h2, 
#stocklistlinks h3 { 
    padding:10px 10px 5px;
    background:#ddd url(../userfiles/image/backgrounds/product_table_top.png) no-repeat top left;
    border-bottom:solid 2px #bbb;
}

#stocklistlinks h3,
a.technical:link,
a.technical:visited,
#stocklist h2,
#stocklist h1 { 
    font-size: 15px;
    text-decoration: none;
    font-weight: bold;
    color:#C2272D /* dark red */;
}

#stocklist h1,
#stocklist h2 { padding: 0 10px; }
#stocklistlinks a:link, 
#stocklistlinks a:visited { 
    color:#C2272D /* dark red */;
    text-decoration:underline;
}

#stocklistlinks a:hover, 
#stocklistlinks a:active { color:#777;}

a.technical:active,
a.technical:hover { color:#777;
    text-decoration: underline;}

#stocklistlinks div.column { 
    float: left;
    width: 100px;
}

#stocklist .loading { 
    text-align: center;
    font-size: 40px;
    color: #ccc;
}

/* When a stocklist is displayed by itself */
/* It can take up the whole width of the page */
#stocklist.wide { margin: 0 5px; }

/* #stocklist.wide table { width: auto !important; } */

/***********
   MAPS
   ********/

#mapview { 
    height: 444px;
    width: 608px;
}

/**************
   Locations  *
   ***********/

ul.locations li { 
    width: 180px;
    float: left;
    margin: 5px;
    padding: 0px;
    list-style: none;
}

ul.locations li span { 
    display: block;
    padding: 0 20px 0 0;
}

a.locationLink,
ul.locations a.email-link {
    color:#C2272D /* dark red */;
    text-decoration: none;
    display: block;
}

a.locationLink:hover,
ul.locations a.email-link:hover { text-decoration:underline; }

/*************
   TAX FORMS
   ***********/

#textBlock.taxForms .columnLeft,
#textBlock.taxForms .columnRight { 
    float: left; 
    width: 260px !important; 
    /* !important to override normal column widths 
     * from lines 229 -> 237 */
}

/****************
		Contacts *
		************/
		
.contact-form strong { 
    color: #C2272D /* dark red */;
}

#contacts{ }

.contact{
		float:left;
		width:190px;
		margin:5px;
		min-height:138px;		
}		

#contacts a.email-link{
	  color: #C2272D /* dark red */;
		text-decoration:none;		
}
#contacts a.email-link:hover { text-decoration:underline; }

#contacts h2{
		font-size:17.35px;    
		border-bottom: solid 1px black;
    padding-bottom: 5px;
    margin-bottom: 5px;
}

/****************
		formsMain *
		************/
#formsMain h2{margin-bottom:10px;}		
#formsMain .creditApp{margin-bottom:30px;}

/***************
		contact
		*************/
.contact{	height:138px;		}
		
table.products,
table.products {
    table-layout: fixed;
}

table.products col {
    padding: 0;
}