@import url(layout.css);
body
{   font-family: Arial, Times New Roman, Helvetica, sans-serif;
}

ul {list-style-type: none;}

/* =pageWrapper */
div#pageWrapper
{
  background : url( '../images/pageBackGround.png' ) repeat-y scroll 0;
  background-color : #fff;
  margin : 0 auto;
  min-height : 100%;
  position : relative;
  width : 1030px;
}

/* =container */
div#container
{
  overflow : hidden;
  position : relative;
  width : 1000px;
  height : auto;
  background : #fff none repeat scroll 0 0;
}

/* =branding */
div#branding
{   background : url(../images/Banner.jpg) no-repeat bottom ;
    height : 250px;}

div#branding h2
{   font-family : 'Arial', Sans-Serif, Georgia;
    font-size : large;
    font-weight : bold;
    margin: 18px 0 0 20px;}

div#branding a
{   text-indent : -99999px;}

div#branding li
{   float : left;}
    
.li_Logo
{   width : 311px;
    background : url( '../images/topM_li-Scott.jpg' ) no-repeat;}

.li_Electrical
{   background : url( '../images/topM_li-Bullet.jpg' ) no-repeat;
    width : 160px;}

.li_Lighting
{   background : url( '../images/topM_li-Bullet.jpg' ) no-repeat;
    width : 161px;}

.li_Data
{   background : url( '../images/topM_li-Bullet.jpg' ) no-repeat;
    width : 163px;}

.li_Powerhouse
{   background : url( '../images/topM_li-Power.jpg' ) no-repeat;
    width : 200px;}

.a_Logo
{   display : block;
    width : 311px;
    height : 50px;}

.a_Powerhouse
{   display : block;
    width : 200px;
    height : 50px;}

div#banner
{   height : 200px;
    width : 100%;}

div#banner h1
{   background: url(   '../images/slogan.png' ) no-repeat;
    height: 100%;
    width: 578px;
    text-indent: -99999px;
    color: #fff;}

/* =navigation */
div#top_nav 
{
  font-size : 0.8em;
  border-top : solid 2px #fff;
  height: 50px;
  background-color: #666666;}

div#top_nav .ul_topNav{ 
  display : inline;
  height : 50px;
  width : 1000px;
  padding-left : 0;
  margin-left : 0;
  color : #fff;
  position : relative;
  font-family : Arial, helvetica, Sans-Serif;}

div#top_nav li
{   display : inline;
    height : 50px;
    width : 1000px;}

.a_Home{
  padding : 15px 0 19px 30px;
  background-color : #666666;
  font-size : 1em;
  color : #fff;
  font-weight : bold;
  text-decoration : none;
  float : left;
  overflow : hidden;
  width : 66px;
  border-right : 1px solid #fff;}

.a_TradeDesktop{
  padding : 15px 15px 19px 15px;
  background-color : #666666;
  font-size : 1em;
  color : #fff;
  font-weight : bold;
  text-decoration : none;
  float : left;
  overflow : hidden;
  width : 97px;
  border-right : 1px solid #fff;}

.a_Suppliers{ 
  padding : 15px 0 19px 30px;
  background-color : #666666;
  font-size : 1em;
  color : #fff;
  font-weight : bold;
  text-decoration : none;
  float : left;
  overflow : hidden;
  width : 127px;
  border-right : 1px solid #fff;}

.a_MarketPlace{
  padding : 15px 0 19px 30px;
  background-color : #666666;
  font-size : 1em;
  color : #fff;
  font-weight : bold;
  text-decoration : none;
  float : left;
  overflow : hidden;
  width : 169px;
  border-right : 1px solid #fff;}

.a_Locations{   
  padding : 15px 0 19px 30px;
  background-color : #666666;
  font-size : 1em;
  color : #fff;
  font-weight : bold;
  text-decoration : none;
  float : left;
  overflow : hidden;
  width : 125px;
  border-right : 1px solid #fff;}

.a_Contact{   
  padding : 15px 0 19px 30px;
  background-color : #666666;
  font-size : 1em;
  color : #fff;
  font-weight : bold;
  text-decoration : none;
  float : left;
  overflow : hidden;
  width : 95px;  
  border-right : 1px solid #fff;}

.a_Login{
  padding : 15px 0 19px 30px;
  background-color : #666666;
  font-size : 1em;
  color : #fff;
  font-weight : bold;
  text-decoration : none;
  float : left;
  overflow : hidden;
  width: 105px;}

div#top_nav a:hover
{   background-color : Orange;
    color : Black;}

div#top_nav a:active, a:focus
{   
    color : Black;}

/* =contentWrapper */
div#content_wrapper
{
  width : 100%;
  height : 100%;
  background-color : #fff;
}
/* START=email_Form Textbox and Submit Button Styling for the Whole Site*/
.valid_Summary{
  color: Red;
  font-size: 0.6em;
  background-color: White;
  margin-left: 20px;
  margin-top: 15px;} 

.emailTextBox{
  padding-top: 6px;
  padding-left: 6px;
  height: 22px;
  width: 183px;
  margin-top : 6px;
  background-color: #FFFFA0;
  border: 1px solid #878787;}
  
.btnSubmitEmail{
  margin-top: 6px;
  width: 192px;
  height: 30px;}  
  
.p_emailPrivacy{
  font-size: 0.8em; 
  margin: 15px 0 0 0; 
  padding: 5px 20px 5px 20px;}

/* END=email_Form Textbox and Submit Button Styling for the Whole Site*/


/* =left column */
div#left_col{
  height : 100%;
  overflow : hidden;
  float : left;}

.left_container {
  float: left;
  margin: 10px 0 0 5px;
  background-color: #B7B7B7;
  height: 100%;
  width: 250px;
}

div#left_col h2 {
  padding: 10px 0 0 10px;
  letter-spacing: 0.1em;
  color: green;
  font-variant: small-caps;
  font-weight: bold;
}

div#left_storelocationSubNav .h2_storelocationSubNav{
  font-family: Arial, Times New Roman, Helvetica, sans-serif; 
  font-size:1.5em; 
  font-weight: bold; 
  margin-left: 10px;}
  
/* START=leftEmailForm  */
div#left_emailForm {
  height : 100%;
  margin-bottom : 10px;
  margin-left : 6px;
  background : url(../images/emailFormBkg.png) no-repeat;}

div#left_emailForm h2{
  text-indent : -99999px;}

div#left_emailForm #ul_MagList{
  margin : 80px 0 0 15px;
  overflow : hidden;
  height : 200px;
  width: 200px;}
  
.li_leftMarketPlaceText{
  list-style-type : square;}
  
.p_leftMarketPlaceTest{
  background : url(../images/tick.png) no-repeat 10px 12px;
  font-size: 0.8em;
  padding-top: 8px;
  padding-right: 20px;
  padding-left: 45px;}
  
/* END=leftEmailForm  */

/* =content */
div#page_content 
{ 
  float : left;
  margin : 10px 0 50px 0;
  padding : 0  10px 10px 10px;
  background-color : #fff;
  height: 100%;
  overflow : hidden;
}

div#page_content h3 {
  font-family: 'Arial' , Helvetica, sans-serif;
  padding: 15px 0 5px 0;
  text-transform: uppercase;
  letter-spacing: 0.5em;
  font-weight: bolder;
  font-size : 1.1em;
}                         

div#page_content .h3_Intro
{
  height : 37px;
  background : url( '../images/icon_Switch56x60.jpg' ) no-repeat;
  padding : 15px 0 5px 60px;
  font-size : 1.5em;
  color : #990000;
}

div#page_content p
{
  line-height : 1.5em;
  font-size : 0.75em;
  letter-spacing : 0.05em;
  word-spacing : 0.1em;
}

/* START=RightContent Full width of Content */

div#fullContentRight_container {
  padding : 10px  10px 10px 10px;
  background-color : #fff;
  height: 100%;
  width : auto;
  overflow : hidden;}
  
div#fullContentRight_container p{
  font-size: 0.8em;
  padding : 5px 0 10px 0;}
/* END=RightContent Full width of Content */


/* =right column */
div#right_col 
{
  height: 100%;
  padding : 10px 0 0 0;
  float : left;
  overflow : hidden;
}

div#right_container
{
  width : 235px;
}

div#right_emailForm {
  height : 600px;
  background : url(../images/emailFormBkg.png) no-repeat;}

div#right_emailForm h2{
  text-indent : -99999px;}

div#right_emailForm p{
  color : #000;}

div#right_emailForm #ul_MagList{
  margin : 90px 0 0 15px;
  overflow : hidden;
  height : 195px;}


/* =footer */ 
div#footer {
  float : left;}

div#logo_links
{
  border-top : solid 5px #dddddd;
  height : 51px;
}

div#logo_links .li_GeneralCable{
  list-style : none;
  display : inline;
  width : 125px;
  height : 50px;
  float : left;
  background : url('../images/generalcable.gif') no-repeat;
}

div#logo_links .li_Marley{
  list-style : none;
  display : inline;
  width : 125px;
  height : 50px;
  float : left;
  background : url('../images/marley.gif') no-repeat;
}

div#logo_links .li_Pierlite{
  list-style : none;
  display : inline;
  list-style : none;
  display : inline;
  width : 125px;
  height : 50px;
  float : left;
  background : url('../images/pierlite.gif') no-repeat;
}

div#logo_links .li_Omron{
  list-style : none;
  display : inline;
  width : 125px;
  height : 50px;
  float : left;
  background : url('../images/omron.gif') no-repeat;
}

div#logo_links .li_Vynco{
  list-style : none;
  display : inline;
  width : 125px;
  height : 50px;
  float : left;
  background : url('../images/vynco.gif') no-repeat;
}

div#logo_links .li_HPM{
  list-style : none;
  display : inline;
  width : 125px;
  height : 50px;
  float : left;
  background : url('../images/hpm.gif') no-repeat;
}

div#logo_links .li_Olex{
  list-style : none;
  display : inline;
  width : 125px;
  height : 50px;
  float : left;
  background : url('../images/olex.gif') no-repeat;
}

div#logo_links .li_Skope{
  list-style : none;
  display : inline;
  width : 125px;
  height : 50px;
  float : left;
  background : url('../images/skope.gif') no-repeat;
}

div#logo_links a
{
  display : block;
  height : 50px;
  width : 125px;
  text-indent : -99999px;
}

div#footer_content
{
  background-color : #333;
  height : 100px;
  color : #fff;
  font-size : 0.7em;
  text-align : center;
  padding : 10px 0 20px 0;
}

div#footer_content ul {
  color: #0099ff;
  padding: 10px 100px 30px 200px;
}

div#footer_content li
{
  width : 150px;
  height : 20px;
  display : inline;
  float : left;
  overflow : hidden;
  border-right : solid 1px #0099ff;
  border-left: solid 1px #0099ff;
}

div#footer_content .a_footerSubNav, .a_footerSubNav:link
{  
  display : block;
  color : #0099ff;
  font-size : small;
  text-decoration : none;
}

div#footer_content .a_footerSubNav:visted 
{
  color: #59BDFF;
}

div#footer_content .a_footerSubNav:hover 
{
  color : #D0E82D;
  text-decoration : underline;
}

div#footer_content .a_footerSubNav:active
{
  color : black;
}


div#footer_content p
{
  padding : 10px 200px 0 200px;
}


/* =homepage: Styling for the Home Page */

.left_container h4{
  font-size : 1.2em;
  font-weight : bolder;
  color : orange;
  padding : 0 0 0 35px;}

.left_container .p_LocationText {
  color : #fff;
  font-weight : bold;
  width : 129px;
  padding : 0 0 0 35px;
  height: 17px;
}

.left_container .ul_Locations {
  background: url(  '../images/location_BKG.png' ) no-repeat;
  height: 145px;
  margin: 5px 0 0 0;}

.left_container .ul_LocationsTop {
  margin : 10px 0 0 0;
  background: url(  '../images/location_BKG.png' ) no-repeat;
  height: 145px;
}

.left_container .ul_LocationsBottom {
  margin : 5px 0 10px 0;
  background: url(  '../images/location_BKG.png' ) no-repeat;
  height: 145px;
}

.left_container .li_Locations
{
  font-size : 0.7em;
}

.h4_Penrose
{
  height : 40px;
  width : 200px;
  background : url( '../images/h4_Penrose.png' ) no-repeat;
  text-indent : -99999px;}

.h4_Glenfield {
  margin: 0 0 5px 5px;
  height: 40px;
  width: 200px;
  background: url(  '../images/h4_Glenfield.png' ) no-repeat;
  text-indent: -99999px;
}

.h4_Papakura
{
  margin: 0 0 5px 5px;
  height : 40px;
  width : 200px;
  background : url( '../images/h4_Papakura.png' ) no-repeat;
  text-indent : -99999px;
}

.h4_EastTamaki
{
  margin: 0 0 5px 5px;
  height : 40px;
  width : 200px;
  background : url( '../images/h4_EastTamaki.png' ) no-repeat;
  text-indent : -99999px;
}

.h4_Whangarei
{
  margin: 0 0 5px 5px;
  height : 40px;
  width : 200px;
  background : url( '../images/h4_Whangarei.png' ) no-repeat;
  text-indent : -99999px; }

.a_ShowMap{
  text-indent : -99999px;
  position : absolute;
  /*display : block;*/
  height : 66px;
  width : 100px;
  background : url(../images/Map60x50.png) no-repeat;
  background-position : right;
  text-decoration : none;}
  
/* START=homepage-right_Column */  
div#right_container .p_ScottPhoto{
  padding : 0 5px 0 5px;}
    
div#right_container #ul_MagList{
  width : 200px;   }

.li_marketPlaceText{
  list-style-type : square;}

.p_marketPlaceTest{
  background : url(../images/tick.png) no-repeat 10px 12px;
  font-size: 0.8em;
  padding-top: 8px;
  padding-right: 10px;
  padding-left: 40px;}
  
div#right_container h2{
  text-indent : -99999px;}
  
.ul_emailForm{
  width:200px; 
  margin: 0 0 0 20px; 
  height: 100px;}
  
.p_emailLabelText{
  font-size: 0.5em;
  text-indent: -99999px;}
  
/* END=homepage-right_Column */  




/* =storelocation: Styling for the Store Location Page */

/* START=left_Column Sub Navigation */
div#left_storelocationSubNav{
  height : auto;}

.left_container .ul_storelocationSubNav{
  margin : 10px 0 10px 0;}
  
div#left_storelocationSubNav .a_SubNav{
  background : url(../images/bullet.png) no-repeat 20px 10px;
  border-bottom : solid 1px #808080;
  width : 100%;
  font-size : 0.8em;
  font-weight : bolder;
  text-decoration : none;
  display:block;
  padding : 10px 0 10px 50px;
  color : black;}

div#left_storelocationSubNav .a_SubNav:hover{
  background : url(../images/bulletHover.png) no-repeat 20px 10px;
  background-color : #666666;
  color : white;}
  
div#left_storelocationSubNav .a_SubNav:active{
  font-weight : normal;
  font-size : 0.8em;
  font-weight : bolder;
  text-decoration : none;
  color : Orange;}
/* END=left_Column Sub Navigation */

.h2_storelocationTitle{
  font-size: xx-large;}

.div_LocationContainer .view_Location{
  height : auto;
  width : auto;
  padding : 10px 0 20px 0;}

.view_Location .store_Info{
  overflow : hidden;
  float : left;}

.div_LocationContainer .map_Canvas{
  float : left;
  margin : 0px 0 10px 7px;
  border : solid 1px black;
  height : 590px;
  width : 440px;}

.div_LocationContainer{
  background-color : #fff;
  margin-top : 10px;
  float :left;
  height : 100%;
  overflow : hidden;
  width : auto;}

.ul_detailsList{
  padding-left : 10px; 
  margin-bottom : 10px; 
  font-size : 0.8em;}

.store_Info a{
  border : none;}  
  
/* =contactus: Styling for the Contact Us Page  */
 
div#contactForm {
  height : 455px;
  padding : 5px;}

.td_ContactUs{
  height : 30px;}
  
.btn_ContactUs{
  font-size : large;
  height: 50px;
  width : 300px;}
  
div#contactForm label{
  font-size : 0.7em;}
  
div#contactLeft{
  float : left;
  overflow : hidden;}

div#contactRight{
  padding: 0 0 0 10px;
  height : 200px;
  float : left;}  
    
/* =supplypartners: Styling for the Supply Partners Page */ 

.li_SupplyList{
  margin-left : 10px;
  margin-top : 10px;
  display : inline;}
  
  
  
/* =marketplace: Styling for the Marketplace Page */

.slideDescription
{
	font-size:small;
	font-weight:bold;
}

.slideTitle
{
	font-weight:bold;
	font-size:small;
	font-style:italic;
}