/*
CONFIG
PRIMARY COLOURS : #e56b1f, #00c450, #d8d8d8
LINKS : #5555FF
DISABLED : #F2F2F2
BORDERS : #9F9F9F
/*


/********************************************************************************
  Basic Elements
********************************************************************************/

*
{
  padding : 0;
  margin: 0;
}
body 
{  
  margin : 0 auto;
  font-family:Verdana;
  font-size:8pt;
}
h1
{
  font-size : x-large;  
  font-weight: bold;
  color : #e56b1f;
}
h2
{
  font-size : large;
  font-weight: bold;
  color : #e56b1f;  
}
a
{
  text-decoration : none;
}
a:hover
{
  text-decoration : underline;
}
a:visited
{
  color:inherit;
}



/********************************************************************************
  Master Page and Defaults
********************************************************************************/

.maincontainer
{
  position:relative;
}
.headercontainer
{
  position: relative;
  width: 100%;
  background-color: white;
  background-image: url('background.jpg');
  background-repeat: repeat-y;
  background-position: left top;
}
.headerinternal
{
  border: thin solid #9F9F9F;
  padding:10px;
}
.mainmenu
{
  font-size: 11px;
  width: 100%;
  background-color: #e56b1f;
  padding : 6px 6px 6px 6px;  
}
.mainmenu ul
{
  list-style-type: none;
}
.mainmenu li
{
  display: inline;
}
.mainmenu a
{
  color: White;
  text-decoration: none;
  border-color: #d8d8d8;
  border-left-style: solid;
  border-width: thin;
  padding: 4px 2px 4px 2px;
}
.mainmenu a:hover
{
  background-color : White;
  border-color: #FEBB2F;
  border-left-style: solid;
  border-width: thin; 
  color : #e56b1f;
}
.companybanner
{
  padding-top : 10px;
  position:relative;
}
.logo
{
  left: 0px;
  top: 0px;
  float: left;
  height: 80px;
  width: 120px;
  background-repeat :no-repeat;
  background-position :top center;
  background-image: url('logo.jpg');
}
.companyname
{
  position:absolute;
  font-weight:bold;
  top :10px;
  margin-left: 20px;
  font-size:xx-large;
  color: Gray;
}
.strapline
{
  position:absolute;
  top: 65px;
  margin-left:20px;
  font-size: medium;
  color: #00c450;
}
.loginpanel
{
  font-size:7pt;
  float:right;
}
.loginpanelinternal
{ 
}
.loginlabel
{
  color:#e56b1f;
}
.logintextbox
{  
}
.loginbutton
{
  color:#e56b1f;
  font-weight:bold;
}
.loginbutton a
{
  color:#e56b1f;
}
.clear
{
  clear:both;
}
.panelinternal
{
  padding : 3px;
}
.masterfooter
{
  width:100%;
  padding: 5px 5px 5px 38px;
  background-color: #FFFFFF;
  border-bottom: solid 2px #9F9F9F;
  color: #e56b1f;
  text-align: left;
  vertical-align:middle;
  position:relative;
}
.masterfooter a
{
  color: #e56b1f;
}
.masterfooterimage
{
  float:left;
  position:absolute;
  top: 3px;
  left: 13px;
  margin-right : 40px;
  text-align:right;
}

/********************************************************************************
  Web Parts
********************************************************************************/

.leftwebpartzone
{
  width:100%;
}
.middlewebpartzone
{
  width:100%;
}
.rightwebpartzone
{
  width:100%;
}
.webpartconfigcontrol
{
  width: 100%;
  margin-bottom : 5px;
}
.webpartconfigzone
{
  border: thick solid #9F9F9F;
  width:100%;
}
.leftwebpart
{
  width:100%;
  padding-top : 10px;
  padding-bottom : 10px;
  border : solid 1px white;
  color : White;
  border-color:White;
}
.leftwebpart h2
{
  color : White;
}
.leftwebparttitle
{
  background:white;
  color:#e56b1f;
}
.leftwebpartchrome
{
  color:white;
  margin-bottom: 10px;
}
.middlewebpart
{
  width:100%;
  padding-top : 10px;
  padding-bottom : 10px;
  border : solid 1px #e56b1f;
  color : Black;
  border-color: #e56b1f;
}
.middlewebpart h2
{
  color : #e56b1f;
}
.middlewebparttitle
{
  background:#e56b1f;
  color: white;
}
.middlewebpartchrome
{
  color:#e56b1f;
  margin-bottom: 10px;
}
.rightwebpart
{
  width:100%;
  padding-top : 10px;
  padding-bottom : 10px;
  border : solid 1px white;
  color : Black;
  border-color: white;
}
.rightwebpart h2
{
  color : white;
}
.rightwebparttitle
{
  background:white;
  color: Black;
}
.rightwebpartchrome
{
  color:white;
  margin-bottom: 10px;
}
.webpartmenu
{
  font-family:Verdana;
  font-size:small;
}
.webpartmenucommand
{
  font-family:Verdana;
  font-size:small;
  color:Blue;
}
.webpartheading
{
  width:98%;
  color:White;  
  padding:2px;
/*  padding : 3px 0px 3px 3px;*/
  background-color: #e56b1f;
  margin-bottom:5px;
}
.webpartheading a
{
  color:White;
}
.customerbalanceswebpart
{
  width:100%;
  font-size : 7pt;
  color: Black;
}
.customerbalanceswebpart TABLE
{
  margin-left:3px;
  margin-right:3px;
  width:99%;
}
.customerbalanceswebpart A
{
  color:Black;
}
.productsearchwebpart
{
}
.productsearchwebpartbutton
{
  width:100%;
  margin-top:3px;
  text-align:right;
}



/********************************************************************************
  Body Area 
********************************************************************************/

.mainarea
{
  border-style: none solid solid solid;
  border-width: thin;
  border-color: #9F9F9F;
  padding: 10px;
}
.middleheading
{
  width:99%;
  border: solid thin #e56b1f;
  color:White;  
  padding : 3px 0px 3px 3px;
  margin : 0px 10px 10px 5px;
  margin-bottom : 10px;
  background-color: #e56b1f;
}



/********************************************************************************
  Configuration Page
********************************************************************************/

.detailsviewcontainer
{
  font: 8pt Verdana;
  border: 1px solid #d8d8d8;
}
.detailsviewlabel
{
  padding: 2px 0px 2px 4px;
  background-color: #FFFFFF;
  color: #3399FF;
  width: 200px;
}
.detailsviewedit
{
  border: 1px solid #d8d8d8;
  width: 98%;
  padding: 2px 0px 0px 2px;
  margin-right: 2px;
  background-color: White;
  height:20px;
}
.detailsviewcommand
{
  height : 25px;
  background-color: White;
  width: 100%;
  text-align:right;
}
.detailsviewcommand a
{
  margin-Right : 10px;
  color: Blue;
  text-decoration: none;  
}
.detailsviewcommand a:hover
{
  color: Blue;
  text-decoration: underline;  
}
.detailsviewdefault
{
  padding-left : 2px;
}
.detailsviewnumber
{
  padding-right : 2px;
  text-align : right;
}
.detailsviewrow
{
  background-color:White;
  height:24px;
}
.detailsviewfooter
{
  
}


/*********************************************************************************
  News Page
********************************************************************************/

.gridnews
{
  width:100%;
}



/********************************************************************************
  Grid Views
********************************************************************************/

.gridpagingpanel
{
  width: 99%;
  border: thin solid #00c450;
  color: White;
  padding: 3px 0px 3px 3px;
  margin: 10px 10px 10px 0px;
  margin-bottom: 10px;
  background-color: white;
  position: relative;
  text-align: center;
  height: 20px;
}
.gridpagingpanel a
{
  color : Black;
}
.gridpagingprevious
{
  float:left;
  top:5px;
  left:10px;
  position:absolute;
}
.gridpagingnext
{
  float:right;  
  top:5px;
  right:10px;
  position:absolute;
}
.gridaddtocart
{
  margin-top : 5px;
}
.gridqtyedit
{
  text-align:right;
}
.drilldownheader
{
  margin-bottom : 10px;
  width: 100%;
}
.drilldownheader TABLE
{
  font-size : 7pt;
  width:100%;
  border: 1px solid Black;
  empty-cells: show;
}
.drilldownfooter
{
  margin-top : 10px;
  width: 100%;
  text-align:right;
}
.gridcommandpanel
{
  width:99%;
  border: solid thin #e56b1f;
  color:White;  
  padding : 3px 0px 3px 3px;
  margin : 10px 10px 10px 0px;
  margin-bottom : 10px;
  background-color: White;
  text-align:right;
  height:28px;
}
.gridcommandpanel ul
{
  margin-top:5px;
  text-align:right;
  margin-right:5px;
  list-style-type:none;
}
.gridcommandpanel li
{
  display:inline;  
}
.gridcommandpanelbutton
{
  display:inline;
  margin-left:5px;
}



/********************************************************************************
  Product Search & List
********************************************************************************/
.productkeywordsearch
{
  width:100%
}
.productkeywordsearchlabel
{
  width:100%;
  margin-bottom:5px;
}
.productkeywordsearchtextbox
{
  width:100%;
  margin-bottom:5px;
}
.productkeywordsearchtextbox INPUT
{
  width:100%;
}
.productkeywordsearchbutton
{
  width:100%;
  text-align:right;
}
.productcodesearch
{
  width:100%
}
.productcodesearchlabel
{
  width:100%;
  margin-bottom:5px;
}
.productcodesearchtextbox
{
  width:100%;
  margin-bottom:5px;
}
.productcodesearchtextbox INPUT
{
  width:100%;
}
.productcodesearchbutton
{
  width:100%;
  text-align:right;
}
.productextendedinfo
{
  border: 1px solid #d8d8d8;
  width: 100%;
}
.productextendeddetails
{
  margin-left: 10px;
  float:left;
}
.productextendedimage
{
  float:left;
}

/********************************************************************************
  Cart
********************************************************************************/
.relateditemspanel
{
  margin-top : 50px;
}

.relateditemsheading
{
  width:99%;
  border: solid thin #e56b1f;
  color:Black;  
  padding : 3px 0px 3px 3px;
  margin : 0px 10px 10px 0px;
  margin-bottom : 10px;
  background-color: #00c450;
}

/********************************************************************************
  Checkout
********************************************************************************/
.checkoutpage
{
  width:100%
}

.checkoutlabel
{
  width:100%;
  margin-bottom:5px;
}
.checkouttextbox
{
  width:100%;
  margin-bottom:5px;
}
.checkouttextbox INPUT
{
  width:100%;
}
.checkouttextbox TEXTAREA
{
  width:100%;
}
.checkouttextbox SELECT
{
  width:100%;
}
.checkoutbutton
{
  width:100%;
  text-align:right;
}
.checkoutradio
{
  width:100%;
  margin-bottom : 10px;
}
.checkoutcartview
{
  margin-bottom : 10px;
}
.checkoutsummarytable
{
  width:100%;
  margin-bottom : 20px;  
}
.checkoutsummarytable table
{
  margin:5px;
}
.checkoutsummarytable td
{
  vertical-align:top;
  padding-top:5px;
}
.transactioncompletemessage
{
  margin-bottom:10px; 
}
.transactionerrormessage
{
  color : Red;
  font-weight:bold;
}

/********************************************************************************
  Register Page
********************************************************************************/
.registerpage
{
  
}
.registerpage TABLE
{
  width:100%;
  vertical-align:top;
}
.registerpage TD
{
  vertical-align:top;
}
.registerpage INPUT
{
  width:98%;
}
.registerpage TEXTAREA
{
  width:98%;
}
.registerpagelabel
{
  width: 120px;
}

/********************************************************************************
  Account Menu
********************************************************************************/
.accountmenu
{
  width:100%;
  margin-bottom:10px;
}



/********************************************************************************
  Search Panels
********************************************************************************/
.searchpanel
{
  width:100%;
  margin-bottom:10px;
}
.searchpanel TABLE
{
  width:100%;
}
.searchpanelprompt
{
  width:100px;
}
.searchpaneledit
{
}
.searchpaneledit INPUT
{
  width: 95%;
  text-align:left;
}
.searchpanelbutton
{
  margin-left:5px;
  width:80px;
}


/********************************************************************************
  Three column layout
********************************************************************************/

	/* column container */
.colmask 
{
	position:relative;	/* This fixes the IE7 overflow hidden bug */
	clear:both;
	float:left;
	width:100%;			/* width of whole page */
	overflow:hidden;		/* This chops off any overhanging divs */
	padding:0px;
}
/* common column settings */
.colright,
.colmid,
.colleft {
	float:left;
	width:100%;			/* width of page */
	position:relative;
}
.middlepanel,
.leftpanel,
.rightpanel {
	float:left;
	position:relative;
	padding:0 0 5px 0;	/* no left and right padding on columns, we just make them narrower instead 
					only padding top and bottom is included here, make it whatever value you need */
	overflow:hidden;
}


/********************************************************************************
 3 Column settings 
********************************************************************************/
.threecol
{
  background: #00c450; /* right column background colour */
}
.threecol .colmid {
	right:20%;			/* width of the right column */
	background:#FFFFFF;		/* center column background colour */
	color: Black;
}
.threecol .colleft
{
  right: 60%; /* width of the middle column */
  background: #e56b1f;  left column background colour
  color:White;
}
.threecol .middlepanel {
	width:56%;			/* width of center column content (column width minus padding on either side) */
	left:102%;			/* 100% plus left padding of center column */
	color:Black;
}
.threecol .leftpanel {
	width:20%;			/* Width of left column content (column width minus padding on either side) */
	left:24%;			/* width of (right column) plus (center column left and right padding) plus (left column left padding) */
	color: White;
}
.threecol .rightpanel 
{
  color: Black;
	width:20%;			/* Width of right column content (column width minus padding on either side) */
	left:84%;			/* Please make note of the brackets here:
					(100% - left column width) plus (center column left and right padding) plus (left column left and right padding) plus (right column left padding) */
}


/********************************************************************************
 Footer styles 
********************************************************************************/
#footer {
	clear:both;
	float:left;
	width:100%;
	border-top:1px solid #000;
}
#footer p {
	padding:10px;
	margin:0;
}


/********************************************************************************
 Footer styles 
********************************************************************************/
.scrollingarea
{
  width:100%;
  padding:10px;
  overflow:scroll;
}


/********************************************************************************
 New Site Setup Form
********************************************************************************/
.newsitesetupheading
{
  background-color : #e56b1f;
  color:White;
  font-size : xx-large;
  padding :4px;
  border : solid 1px black;
  width:100%;
}

.newsitesetup
{
  
}

.newsitesetup INPUT
{
  width:300px;
}