

.Portal_Link
{
    font-family: 'Arial Narrow', Arial, Helvetica, sans-serif;
    font-size: 13px;
    color: #FF6700;
    font-weight: normal;
    text-decoration: none;
}

.Portal_Link:hover
{
    font-family: 'Arial Narrow', Arial, Helvetica, sans-serif;
    font-size: 13px;
    color: #FF954F;
    font-weight: normal;
    text-decoration: underline;
}

html, body
{
    margin-left: 0px;
    margin-top: 0px;
    margin-right: 0px;
    margin-bottom: 0px;
    height: 99%;
    width: 99%;
    /*background: url(https://secure.wip.co.nz/assets/images/site/bg_diagonal_lines.gif);*/
}
.Bold 
{
font-weight:bold;
}

.DarkGrey
{
    color: #999999;
}


.Grey
{
    color: #CCCCCC;
}

.Black
{
    color: #000000;
}

.PrimaryColour
{
    color: #9C0020;
}
.SecondaryColour
{
    /*color: #EF4023;*/
    color: #FF6700;
}
.SecondaryColourDithered
{
    color: #6699CC;
}
.Header_BrandingRow
{
    background-color: #9C0020;
    height: 60px;
}
.Header_NavigationRow
{
    font-family: 'Arial Narrow', Arial, Helvetica, sans-serif;
    font-size: 13px;
    color: #FFFFFF;
    background-color: #FF6700;
    height: 30px;
}
.Header_WelcomeText
{
    font-family: 'Arial Narrow', Arial, Helvetica, sans-serif;
    font-size: 13px;
    color: #000099;
}
.Header_Link
{
    font-family: 'Arial Narrow', Arial, Helvetica, sans-serif;
    font-size: 13px;
    color: #6699CC;
    font-weight: bold;
    text-decoration: underline;
}
.Header_BreadcrumbRow
{
    background-color: #E7E7E8;
    height: 20px;
}

.Header_Breadcrumb_Separator
{
    font-family: 'Arial Narrow', Arial, Helvetica, sans-serif;
    font-size: 13px;
    color: #587f9c;
    font-weight: bold;
}
.Header_Breadcrumb_Current
{
    font-family: 'Arial Narrow', Arial, Helvetica, sans-serif;
    font-size: 13px;
    color: #000099;
    font-weight: bold;
}
.Header_Breadcrumb_NotCurrent
{
    font-family: 'Arial Narrow', Arial, Helvetica, sans-serif;
    font-size: 13px;
    color: #999999;
    font-weight: normal;
}
.Body_MainArea
{
    background-color: #FFFFFF;
    height: 300px;
}
.Footer_ContactRow
{
    font-family: 'Arial Narrow', Arial, Helvetica, sans-serif;
    font-size: 13px;
    color: #999999;
    /*background-color: #e2e3e5;*/
    height: 20px;
}
.Footer_Link
{
    font-family: 'Arial Narrow', Arial, Helvetica, sans-serif;
    font-size: 13px;
    color: #999999;
    font-weight: bold;
    text-decoration: none;
}
.Footer_Link:hover
{
    text-decoration: underline;
}
.PortalButton
{
    font-family: 'Arial Narrow', Arial, Helvetica, sans-serif;
    font-size: 12px;
    font-style: normal;
    line-height: 20px;
    font-weight: bold;
    font-variant: normal;
    text-transform: lowercase;
    text-align: center;
    color: #666666;
    text-decoration: none;
    width: 90px;
    height: 20px;
    white-space: nowrap;
            vertical-align: middle;
    background-attachment: fixed;    
    background: url(https://secure.wip.co.nz/assets/images/site/multi3dbutton90.gif);
    background-repeat: repeat;
    background-position: 0px 0px;    
    white-space: nowrap;
    display:inline-block;
        position: relative;
    vertical-align: middle;
}


.PortalButton:hover {
    font-weight: bold;
    color: #000000;
	background: url(https://secure.wip.co.nz/assets/images/site/multi3dbutton90.gif);
	background-position: 0px -20px;
	cursor:hand;
}
.PortalButton:active {
	font-weight: bold;
	color: #000000;
	background: url(https://secure.wip.co.nz/assets/images/site/multi3dbutton90.gif);
	background-position: 0px -40px;
}

.PortalButtonSmall
{
    font-family: 'Arial Narrow', Arial, Helvetica, sans-serif;
    font-size: 12px;
    font-style: normal;
    line-height: 20px;
    font-weight: bold;
    font-variant: normal;
    text-transform: lowercase;
    text-align: center;
    color: #666666;
    text-decoration: none;
    width: 50px;
    height: 20px;
    white-space: nowrap;
    display: block;
        vertical-align: middle;
    background-attachment: fixed;    
    background: url(https://secure.wip.co.nz/assets/images/site/multi3dbutton50.gif);
    background-repeat: repeat;
    background-position: 0px 0px;    
    white-space: nowrap;
    display: block;
    position: relative;
    vertical-align: middle;
}


.PortalButtonSmall:hover {
    font-weight: bold;
    color: #000000;
	background: url(https://secure.wip.co.nz/assets/images/site/multi3dbutton50.gif);
	background-position: 0px -20px;
	cursor:hand;
}
.PortalButtonSmall:active {
	font-weight: bold;
	color: #000000;
	background: url(https://secure.wip.co.nz/assets/images/site/multi3dbutton50.gif);
	background-position: 0px -40px;
}

.PortalButtonWide
{
    font-family: 'Arial Narrow', Arial, Helvetica, sans-serif;
    font-size: 12px;
    font-style: normal;
    line-height: 16px;
    font-weight: bold;
    font-variant: normal;
    text-transform: lowercase;
    text-align: center;
    color: #666666;
    text-decoration: none;
    width: 140px;
    height: 20px;
    white-space: nowrap;
    display: block;
        vertical-align: middle;
    background-attachment: fixed;    
    background: url(https://secure.wip.co.nz/assets/images/site/multi3dbutton140.gif);
    background-repeat: repeat;
    background-position: 0px 0px;    
    white-space: nowrap;
    display: block;
    position: relative;
    vertical-align: middle;
}


.PortalButtonWide:hover {
    font-weight: bold;
    color: #000000;
	background: url(https://secure.wip.co.nz/assets/images/site/multi3dbutton140.gif);
	background-position: 0px -20px;
	cursor:hand;
}
.PortalButtonWide:active {
	font-weight: bold;
	color: #000000;
	background: url(https://secure.wip.co.nz/assets/images/site/multi3dbutton140.gif);
	background-position: 0px -40px;
}


.TextBox
{
    font-family: 'Arial Narrow', Arial, Helvetica, sans-serif;
    font-size: 13px;
    font-weight: normal;
    text-decoration: none;
    background-color: #FFFFFF;
    border-top-width: 1px;
    border-right-width: 1px;
    border-bottom-width: 1px;
    border-left-width: 1px;
    border-top-style: solid;
    border-right-style: solid;
    border-bottom-style: solid;
    border-left-style: solid;
    border-top-color: #999999;
    border-right-color: #999999;
    border-bottom-color: #CCCCCC;
    border-left-color: #CCCCCC;
}

.ListBox
{
    font-family: 'Arial Narrow', Arial, Helvetica, sans-serif;
    font-size: 13px;
    font-weight: normal;
    text-decoration: none;
    background-color: #FFFFFF;
    border-top-width: 1px;
    border-right-width: 1px;
    border-bottom-width: 1px;
    border-left-width: 1px;
    border-top-style: solid;
    border-right-style: solid;
    border-bottom-style: solid;
    border-left-style: solid;
    border-top-color: #999999;
    border-right-color: #999999;
    border-bottom-color: #CCCCCC;
    border-left-color: #CCCCCC;
}


/*ProductList*/
.ProdList { font-family:'Arial Narrow','Arial Narrow', Arial, Helvetica, Sans-Serif; font-size:11px; font-weight:normal; }
.CatList { font-family:'Arial Narrow', Arial, Helvetica, Sans-Serif; font-size:12px; font-weight:bold; }

/*Product*/
.ProdHeader { font-family:'Arial Narrow', Arial, Helvetica, Sans-Serif; font-size:15px; font-weight:bold; letter-spacing:1px;line-height:18px;}
.ProdHeaderSmall { font-family:'Arial Narrow', Arial, Helvetica, Sans-Serif; font-size:11px; font-weight:bold; letter-spacing:1px; }

.Prod { font-family:'Arial Narrow', Arial, Helvetica, Sans-Serif; font-size:13px;  }

.ProductItem {
       background-attachment: fixed;
    border: 0px #DDDDDD;
    /*background: url(https://secure.wip.co.nz/assets/images/site/ProductItem_Background.gif);*/
    background-repeat:no-repeat;
    background-position: center center;
    white-space: nowrap;
    display: block;
    position: relative;
    vertical-align: middle;
    height:120px;
    width:120px;
    display:table-cell;
    text-align:center;
    
    }
    
    .ProductItem img 
    {
    /*margin-left: -3px;   */
    }
    
    
    .CategoryTitle 
    {
        font-family: 'Arial Narrow', Arial, Helvetica, sans-serif;
    font-size: 15px;   
    font-weight:bold;
    text-transform:uppercase;
    }
    .CategoryLinkCell 
    {
      border-bottom: dotted 1px #CCCCCC;  
    }
       .CategoryLink 
    {
          font-family: 'Arial Narrow', Arial, Helvetica, sans-serif;
    font-size: 14px;
    color: #999999;
    font-weight: normal;
    text-decoration: none;
    text-align:left;
    }
    
    .CategoryNoItems 
    {
                  font-family: 'Arial Narrow', Arial, Helvetica, sans-serif;
    font-size: 16px;
    color: #EF4023;
    font-weight: bold;
    }
    
    .CartLine { font-family:'Arial Narrow', Arial, Helvetica, Sans-Serif; font-size:13px; height: 20px;  }
    
    .DataTable { border: solid 1px #E7E7E8; background-color: #FFFFFF;}
    .DataTableHeader { background-color: #6699CC; }
    
    .NavLink
{
    font-family: 'Arial Narrow', Arial, Helvetica, sans-serif;
    font-size: 13px;
    color: #FFFFFF;
    font-weight: normal;
    text-decoration: none;
}
.NavLink:hover { text-decoration: underline; }
.IntroText {font-family:'Arial Narrow', Arial, Helvetica, Sans-Serif; font-size:13px; }


.MLTextBox
{
    font-family: 'Arial Narrow', Arial, Helvetica, sans-serif;
    font-size: 13px;
    font-weight: normal;
    text-decoration: none;
    background-color: #FFFFFF;
    color: #AAAAAA;
    border-top-width: 1px;
    border-right-width: 1px;
    border-bottom-width: 1px;
    border-left-width: 1px;
    border-top-style: solid;
    border-right-style: solid;
    border-bottom-style: solid;
    border-left-style: solid;
    border-top-color: #999999;
    border-right-color: #999999;
    border-bottom-color: #CCCCCC;
    border-left-color: #CCCCCC;
}


/*Copy box on the home page*/
div#divWelcome
{
	color:#ff6700;
	font-family:Arial Narrow;
	font-size:23pt;
	letter-spacing:4px;
	float:left; 
	width:150px; 
	display:inline; 
	padding:10px 0 0 30px;
}
div#divCopy1
{
	color:#505154;
	font-family:Arial;
	font-size:10pt;
	line-height:13pt;
	float:right; 
	width:375px; 
	padding:10px 0 0 0;
}
div#divCopy1 a
{color:#ff6700; text-decoration:none; font-weight:bold;}

/*To workaround the invalid markup the datalist on the home page products*/
.horizontalcenter
{
	 text-align:center;
}

/*----------------------------*/
/*Site map links and lists*/
ul#sitemap li
{	
	font-family:Arial;
	font-size:12pt;
	line-height:18pt;
	list-style-type:circle;
	color:Gray;
}
ul#sitemap li a
{
	color:Gray;
	text-decoration:none;
	padding:2px;
}
ul#sitemap li a:hover
{
	color:Gray;
	background-color:#eaeaea;
	text-decoration:underline;
}
/*----------------------------*/
/*----------------------------*/
/*About us page*/
div#aboutusintro
{	
	width:550px; 
	height:185px;
	text-align:left; 
	position:relative;
}
div#aboutusintro div
{
	position:absolute;
	bottom:0;
}

div#aboutusintro h1, 
div#aboutusintro h2
{
	color:#ff6700;
	font-family:Arial;
	font-size:18pt;
	font-weight:normal;
	margin:0;
	padding:0;
	padding-left:10px;
	clear:left;
	float:left;
}
div#aboutusintro h2
{
	color:#c5c5c5;
}
div#aboutusintro img
{
	float:right;			
}

div#aboutusintro2
{
	margin-top:30px;
	width:550px; 
	float:left;
	background-image:url(assets/images/account/aboutusbg.gif);
	background-repeat:repeat-x;
}
div#aboutusintro2 img
{
	float:left;
}
div#aboutusintro2 p
{
	color:Gray;
	float:right;
	width:370px;
	font:normal 10pt Arial;
	margin:0px;
	padding:10px 15px 0 0;
}		
/*----------------------------*/

/*----------------------------*/
/*KRD Section                   */
.krd
{background-color: #9C0020;width:781px;color:white; font: normal 0.5em Arial;margin:0px auto 0px auto; padding:0px;text-align:center; overflow:hidden; border:none 0px;}
/*----------------------------*/

form
{
	margin:0px; padding:0px;
}
