/* CSS Document */
/* CSS************************************************************************/

* {
	margin: 0;
	padding: 0;
}

/* Logo************************************************************************/

.logo a {
	display:block;
	width: 100px;
	height: 105px;
	position:absolute;
	left:0px;
	top:0px;
	background: url("images/pressplay.gif") 0 0 no-repeat;
}

#logo {
	width: 900px;
	height: 80px;
	margin: 0 auto;
	background: url(images/masthead.gif) no-repeat left top;
	float: left;
}

#mast-message {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #666666;
  position:absolute;
  left:516px;
  top:50px;
}

/* Image************************************************************************/

#home_image {
	width: 287px;
	height: 418px;
	margin: 0 auto;
	position:absolute;
	left:748px;
	top:144px;
	background: url(images/AA051887.jpg) no-repeat left top;
	float: left;
}

/*copy ************************************************************************/


ul{
	list-style: square inside url('images/arrow_orange.gif');
	
}

h1{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #666666;
}

h2{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	border: none;
	text-decoration: none;
	color: #ff6600;
}

h3{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	border: none;
	text-decoration: none;
	color: #333333;
	padding: 0.2em 0.9em;
}

h4{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	border: none;
	text-decoration: none;
	color: #ff6600;
}

h5{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	border: none;
	text-decoration: none;
	position:absolute;
	left:11px;
	top:115px;
	color: #ff6600;
}

h6{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	border: none;
	text-decoration: none;
	color: #999999;
	padding: 0.2em 0.9em;
}

a {
	text-decoration: none;
	font-size: 12px;
	color: #666666;
}

a:hover {
	font-size: 12px;
	color: #ff6600;
}

/*navigation************************************************************************/

table.one
{
	table-layout: automatic
}
table.two
{
	table-layout: fixed
}

/*navigation************************************************************************/


#navcontainer ul
{
	padding-left: 60px;
	margin-left: 100px;
	background-color: #ff6600;
	color: White;
	position:absolute;
	left:0px;
	top:80px;
	width: 740px;
	font-size:10px;
	font-family: arial;
	font-weight:100;
}

#navcontainer ul li { display: inline; }

#navcontainer ul li a
{
	padding: 0.2em 10px;
	background-color: #333333;
	color: White;
	text-decoration: none;
	float: left;
	border-right: 1px solid #ffffff;
	border-left: 1px solid #ffffff;
}

#navcontainer ul li a:hover
{
	background-color: #ff6600;
	color: #ffffff;
}

/*NAV INDICATORS ************************************************************************/
#home_indicator {
	background-color: #ff6600;
	font-size: 10px;
	width: 54px;
	height: 2px;
 	position:absolute;
	left:161px;
	top:100px;
}

#fulfilment_indicator {
	background-color: #ff6600;
	font-size: 10px;
	width: 74px;
	height: 2px;
 	position:absolute;
	left:217px;
	top:100px;
}

#storage_indicator {
	background-color: #ff6600;
	font-size: 10px;
	width: 63px;
	height: 2px;
 	position:absolute;
	left:293px;
	top:100px;
}

#callcentre_indicator {
	background-color: #ff6600;
	font-size: 10px;
	width: 82px;
	height: 2px;
 	position:absolute;
	left:358px;
	top:100px;
}

#wholesale_indicator {
	background-color: #ff6600;
	font-size: 10px;
	width: 79px;
	height: 2px;
 	position:absolute;
	left:442px;
	top:100px;
}

#e-commerce_indicator {
	background-color: #ff6600;
	font-size: 10px;
	width: 90px;
	height: 2px;
 	position:absolute;
	left:523px;
	top:100px;
}

#our_process_indicator {
	background-color: #ff6600;
	font-size: 10px;
	width: 89px;
	height: 2px;
 	position:absolute;
	left:615px;
	top:100px;
}

#contactus_indicator {
	background-color: #ff6600;
	font-size: 10px;
	width: 81px;
	height: 2px;
 	position:absolute;
	left:706px;
	top:100px;
}

/*navigation OUR PROCESS   ************************************************************************/


#subnavcontainer ul
{
	padding-left: 12px;
	margin-left: 0px;
	background-color: #333333;
	color: none;
	position:absolute;
	left:0px;
	top:125px;
	width: 888px;
	font-size:9px;
	font-family: arial;
	font-weight:100;
}

#subnavcontainer ul li { display: inline; }

#subnavcontainer ul li a
{
	padding: 0.5em 4px;
	background-color: #333333;
	color: #fff;
	text-decoration: none;
	float: left;
	border-right: 0px solid #ffffff;
	border-left: 0px solid #ffffff;
}

#subnavcontainer ul li a:hover
{
	background-color: #ff6600;
	color: #ffffff;
}

/*OUR PROCESS NAV INDICATORS ************************************************************************/

#oneindicator {
	background-color: #ff6600;
	width: 15px;
	height: 2px;
 	position:absolute;
	left:12px;
	top:153px;
}

#twoindicator {
	background-color: #ff6600;
	width: 15px;
	height: 2px;
 	position:absolute;
	left:27px;
	top:153px;
}

#threeindicator {
	background-color: #ff6600;
	width: 15px;
	height: 2px;
 	position:absolute;
	left:42px;
	top:153px;
}

#fourindicator {
	background-color: #ff6600;
	width: 15px;
	height: 2px;
 	position:absolute;
	left:57px;
	top:153px;
}

#fiveindicator {
	background-color: #ff6600;
	width: 15px;
	height: 2px;
 	position:absolute;
	left:72px;
	top:153px;
}

/*OUR PROCESS TRANSPARENT BOXES ************************************************************************/

div.transbox1
{
  width: 350px;
  height: 250px;
  background-color: #000000;
  border: 1px solid black;
  /* for IE */
  filter:alpha(opacity=20);
  /* CSS3 standard */
  opacity:0.6;
    position:absolute;
  left:0px;
  top:160px;
}

div.transbox2
{
  width: 280px;
  height: 250px;
  background-color: #000000;
  border: 1px solid black;
  /* for IE */
  filter:alpha(opacity=20);
  /* CSS3 standard */
  opacity:0.6;
    position:absolute;
  left:355px;
  top:160px;
}

/*MAIN CONTENT COPY ************************************************************************/
	
#left {
	float:left;
	width:360px;
}
	
/*tables - HOW WE WORK ************************************************************************/

.arrow_one {
	
	font-size: 10px;
	width: 7px;
	height: 192px;
	position:absolute;
	left:379px;
	top:272px;
	background: url("images/arrow_orange_two.gif") no-repeat left top;
	text-decoration: none;
}

.arrow_two {
	
	font-size: 10px;
	width: 7px;
	height: 192px;
	position:absolute;
	left:379px;
	top:286px;
	background: url("images/arrow_orange_two.gif") no-repeat left top;
	text-decoration: none;
}

.arrow_three {
	
	font-size: 10px;
	width: 7px;
	height: 192px;
	position:absolute;
	left:379px;
	top:299px;
	background: url("images/arrow_orange_two.gif") no-repeat left top;
	text-decoration: none;
}

.arrow_four {
	
	font-size: 10px;
	width: 7px;
	height: 192px;
	position:absolute;
	left:379px;
	top:343px;
	background: url("images/arrow_orange_two.gif") no-repeat left top;
	text-decoration: none;
}

.arrow_five {
	
	font-size: 10px;
	width: 7px;
	height: 192px;
	position:absolute;
	left:379px;
	top:272px;
	background: url("images/arrow_orange_two.gif") no-repeat left top;
	text-decoration: none;
}
/*ARROW MESSAGES ************************************************************************/

#arrow_one_message {
  position:absolute;
  left:386px;
  top:272px;
}

#arrow_two_message {
  position:absolute;
  left:386px;
  top:286px;
}

#arrow_three_message {
  position:absolute;
  left:386px;
  top:298px;
}

#arrow_four_message {
  position:absolute;
  left:386px;
  top:343px;
}

#arrow_five_message {
  position:absolute;
  left:386px;
  top:271px;
}

/*roll overs ************************************************************************/
.one a {
	width: 250px;
	height: 191px;
	position:absolute;
	left:7px;
	top:200px;
	background: url("images/stage_1.png") no-repeat left top;
}


.two a {
	width: 290px;
	height: 200px;
	position:absolute;
	left:12px;
	top:205px;
	background: url("images/stage_2.png") no-repeat left top;
}


.three a {
	width: 300px;
	height: 191px;
	position:absolute;
	left:17px;
	top:200px;
	background: url("images/stage_3.png") no-repeat left top;
}


.four a {
	width: 300px;
	height: 191px;
	position:absolute;
	left:17px;
	top:200px;
	background: url("images/stage_4.png") no-repeat left top;
}

.five a {
	width: 300px;
	height: 200px;
	position:absolute;
	left:17px;
	top:200px;
	background: url("images/stage_5.png") no-repeat left top;
}


/*HOME IMAGE BTN ************************************************************************/

.how_we_work a {
	display:block;
	width: 542px;
	height: 152px;
	position:absolute;
	left:358px;
	top:345px;
	background: url("images/how2.gif") 0 0 no-repeat;
}

#see-how {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #666666;
  position:absolute;
  left:380px;
  top:353px;
}

/*BULLETS TITLES---************************************************************************/
#stage-1-title {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #666666;
  position:absolute;
  left:20px;
  top:180px;
}

#stage-2-title {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #666666;
  position:absolute;
  left:255px;
  top:310px;
}

#stage-3-title {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #666666;
  position:absolute;
  left:430px;
  top:299px;
}

#stage-4-title {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #666666;
  position:absolute;
  left:660px;
  top:299px;
}

#stage-5-title {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #666666;
  position:absolute;
  left:840px;
  top:299px;
}

/*BULLETS---************************************************************************/
#process_bullets {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #fff;
  position:absolute;
  left:370px;
  top:200px;
}
/*ALL PAGE BULLETS---************************************************************************/

#main_bullets {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 14pt;
	color: #333333;
 	position:absolute;
	left:377px;
	top:120px;
}

/*home page widgets---************************************************************************/

#storage {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #333333;
 	position:absolute;
	left:362px;
	top:130px;
}

#e-commerce {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #333333;
 	position:absolute;
	left:520px;
	top:130px;
}

#fulfilment {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #333333;
 	position:absolute;
	left:690px;
	top:130px;
}

#Call_centre {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #333333;
 	position:absolute;
	left:362px;
	top:245px;
}

#Wholesale {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #333333;
 	position:absolute;
	left:520px;
	top:245px;
}

#background
{
	padding-left: 110px;
	margin-left: 0;
	background: url("images/form_background.gif") no-repeat left top;
	background-color: #f2f4ff;
	color: White;
 	position:absolute;
	left:358px;
	top:105px;
	font-size:12px;
	font-family: arial;
	width: 432px;
	height: 380px;
	font-weight:200;
	margin-bottom:6px;
}
/*PAGE PANELS---************************************************************************/


#panel_three {
	background-color: #333333;
	width: 542px;
	height: 39px;
 	position:absolute;
	left:358px;
	top:478px;
}

#panel_content {
	background: url("images/background2.gif") repeat left top;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #dfdfdf;
	background-color: #333333;
	width: 336px;
	height: 392px;
	position:absolute;
	left:0px;
	top:105px;
	padding: 0.8em 0.8em;

}

#process_content {
	background: url("images/background2.gif") repeat left top;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #dfdfdf;
	background-color: #333333;
	width: 880px;
	height: 392px;
	position:absolute;
	left:0px;
	top:105px;
	padding: 0.8em 0.8em;

}

#footer {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #999999;
	background-color: #333333;
	width: 884px;
	height: 8px;
	position:absolute;
	left:0px;
	top:520px;
	padding: 0.8em 0.8em;

}

/*FORM---************************************************************************/

body {
     background:#ffffff;
     padding: 0px;
     margin: 0px;
}

.container {
	background: url("images/form_background.gif") no-repeat left top;
	border: none;
	position:absolute;
	left:358px;
	top:105px;
	width: 542px;
	height: 320px;
}

.content {
     background-color:#FFFFFF;
     font-family:Arial;
     padding:20px;
}

.headerBar {
      background-color:#ffffff;
      color:#666666;
      font-size:32px;
      font-family:Arial;  
      font-weight:bold; 
      padding:20px;
      text-align:left;
      border-bottom:0px solid #000000;
}

.headerBarImg {
      background-color:#ffffff;
      padding:20px; 
      text-align:left;
}

p, label {
      line-height:Half; 
      font-family:Arial; 
      font-size: 12px;
      color: #333333;
}

.formText {
      font-family: Arial;
      font-size:12px; 
      line-height: Half;
      color: #333333;
}

.alert {
      font-size:20px;
      line-height:Double;
      color:#FF0000;
      font-family:Arial;
      font-weight:bold;
}

div.errorText {
      font-size: 12px;
      line-height:Half;
      font-weight:bold;
      color:#FF0000;
      font-family:Arial;
      background-color:#FFEEEE;
      padding:5px;
      margin:3px;
        }
		
/*FORM + ALL LINKS ---************************************************************************/


        a.poweredBy {
        font-size:10px;
        font-family:trebuchet ms;
        text-decoration: none;
        }
        
        .poweredByBox td {
        text-align: center;
        }

        div.headerTextOn {
        	display: none;
        }
        
        div.headerImgOff {
        	display: none;
        }