/* **************** GRIDS ***************** */
.line:after{content: ".";display: block;height: 0;clear: both;visibility: hidden;}
.lastUnit:after{content: " . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . ";visibility:hidden; clear:both;height:0 !important;display:block;line-height:0;}
.line{*zoom:1; padding:4px 0;}
.unit{float:left;}
.size1of1{float:none;}
.size1of2{width:50%;}
.size1of3{width:33.33333%;}
.size2of3{width:66.66666%;}
.size1of4{width:25%;}
.size3of4{width:75%;}
.size1of5{width:20%;}
.size2of5{width:40%;}
.size3of5{width:60%;}
.size4of5{width:80%;}
.lastUnit {display: table-cell; *display:block;*zoom:1;float:none;_position:relative; _left:-3px; _margin-right: -3px;width:auto;}

/*
*  COLOURS
#999999 //  light grey
#333333 //  dark grey
#CCCCCC //  light grey border
#CCCCCC //  another grey border line
#EEEEEE //  a pale grey hover
*
*/
body{
	font-size:12px;
	color:#666666;
}

/*
*   COMMON TAGS
*/

a{
	color: #333333;
	}

	a.next{
		padding-right:12px;
		background:#fff url('images/arrow-right.gif') no-repeat 100% 50%;
	}
	a.back{
		padding-left:12px;
		background:#fff url('images/arrow-left.gif') no-repeat 0px 50%;
	}

p{
	margin:0px;
	padding:0px;
	padding-bottom:12px;
}

span.highlight
{
	color:#999999;
}

ul{
	margin:0px;
	padding:0px;
	}

	ul.inline{
		margin-left:0px;
	}

	ul.inline li{
		display:block;
		float:left;
		margin-right:5px;
		line-height: 21px;
	}
	ul.inline li.last{
		 margin-right:0px;
	}
	ul.inline li input.checkbox{
		margin-top:4px;
	}
	ul.list{
		margin-bottom:20px;
		list-style-position: inside;
	}
	ul.list li{
		line-height:19px;
	}


	/*
*   INLINE MENU
*/
ul.links{
	list-style:none;
	margin:0px;
	padding:0px;
	height:1%;
	overflow: hidden;
	}
	ul.links li{
	   float:left;
	   display:block;
	   color: #666666;
	   padding:2px 8px 0px 18px;
	   background:#fff url('images/ul-inline-menu.gif') no-repeat 0 0px;
	   line-height:15px;
	}
	 ul.links li.first{
		background: none;
		padding-left:0px;
	}
	ul.links li.last{
		padding-right:0px;
	}

	ul.links li.note{
		color:#696969;
	}

/*
*   HEADINGS
*/

h1, h2, h3, h4, h5{
	   color:#333333;
	   font-weight:normal;
	}
	h1{
		font-size:27px;
		line-height:25px;
		padding-bottom:10px;
	}
	h2{
		font-size:20px;
		padding-bottom:6px;
	}
	h2 span{
		color:#999999;
	}

	h3{
		color:#999999;
		padding-bottom:10px;
		font-size:13px;
		font-weight:bold;
	}
	h3 a{
		background:#fff url('images/arrow-right.gif') no-repeat 0px 4px;
		text-decoration: none;
		padding-left:10px;
	}

	h3 a:hover{
		text-decoration: underline;
	}

	h4{
		font-size:13px;
		font-weight:bold;
		color:#999999;
	}
	h5{
	   font-size:13px;
	   font-weight:bold;
	   color:#666666;
	}


/*
*   FORMS
*/
form input{
	font-size:11px;
	}

	form input.submit, form button.submit, button.main-button, button.add_button, button.remove_button, button.place_button, input.report_btn{
		border:1px solid #333333;
		background-color:#333333;
		font-weight:bold;
		color:#fff;
		padding: 1px 5px 3px 5px;
		font-size:11px;
		position:relative;
		cursor: pointer;
	}

	a.submit{
		border:1px solid #333333;
		background-color:#333333;
		font-weight:bold;
		color:#fff;
		padding: 1px 5px 3px 5px;
		text-decoration: none;
		line-height:19px;

	}

	form table.register-table td.data-name
	{
		width:140px;
	}

	button.main-button, button.add_button, button.remove_button, button.update_button{

	}

	button.remove_button{
		 background:none;
		 color:#777777;
		 border:0px solid #dedede;
		 font-size:11px;
		 font-weight:normal;
		 text-decoration:underline;
	}
	form button.reset_button{
		/* !important overrides here are so this button can be shared with submit button class */
		background-color:#dedede!important;
		border:1px solid #dedede!important;
		color:#696969!important;
	}

	a.simple-delete-button{
		color:#898989;
	}

	.product_grid .buttons
	{
		float:right;
	}



/*
*   HEADER
*/
#header
{
	top:70px;
	}
	/*
	*   Header Logo
	*/
	#header .logo-top a {
        background:url('images/logo-full.png') no-repeat 0 0px;
		height:130px;
		width:390px;
		display:block;
		float:left;
		text-indent:-5000px;
	}

	#header .line1{
		height:100px;
	}
	#header .line2
	{
		margin-top:20px;
	}


	#page-container {
		background-color:white;
	}

	/*
	*   Header position main menu
	*/
	#header ul.fancycat-icons-level-0
	{
		padding:0px;
		border-bottom:1px solid #333333;
	}
	#header ul.fancycat-icons-level-0 li
	{
		margin-right:2px;
	}
	#header ul.fancycat-icons-level-0 li a
	{
		background-color:#999999;
		display:block;
		text-align: center;
		font-weight:bold;
		color:#fff;
		text-decoration: none;
		padding:3px 6px;
	}

	#header ul.fancycat-icons-level-0 li a:hover{
		  background-color:#333333;
	}

	#header ul.fancycat-icons-level-1 {
		width:164px;
		padding:10px;
		background-color: #fff;
		border:1px solid #dedede;
		border-top:1px solid #333333;
		box-shadow: 0px 2px 5px #dedede;
	}

	#header ul.fancycat-icons-level-1 li{
		display:block;
		width:100%;
		text-align:left;
	}

	#header ul.fancycat-icons-level-1 li.first{

	}

	#header ul.fancycat-icons-level-1 li a
	{   background-color: #fff;
		color:#333333;
		border-bottom:1px dotted #333333;
		text-align: left;
		display:block;
		font-weight:normal;
		padding:4px 0px 4px 18px;
		background:#fff url('images/arrow-right.gif') no-repeat 8px 7px;

	}

	#header ul.fancycat-icons-level-1 li a:hover
	{
		background-color: #fff;
		text-decoration: underline;
	}

	/*
	*   Header - inline menu
	*/

	#header #tabs{
		float:right;
	}
	#header #tabs ul{
		list-style:none;
		margin:0px;
		padding:0px;
	}
	#header #tabs ul li{
		display:block;
		float: left;
		padding:2px 8px 0px 18px;
		background:url('images/ul-inline-menu.gif') no-repeat 0 0px;
	}
	#header #tabs ul li a{
		text-decoration:none;
	}
	#header #tabs ul li a:hover{
		text-decoration:underline;
	}
	#header #tabs ul li.first{
		background:none;
		padding-left:0px;
	}
	#header #tabs ul li.last{
		padding-right:0px;
	}

	/*
	*   Header - search
	*/

	#header .search{
	   position: absolute;
	   right: 0;
	   top:118px;
	   text-align: right;
	}
	#header .search form ul{

	}
	#header .search form ul li{
		display:block;
		float:left;
		line-height:21px;
		margin-left:5px;
	}

	#header .search ul.links
	{
		margin-top:-7px;
		margin-bottom:8px;
		float:right;
	}

/*
*   PAGINATION
*/
ul.pagination{
	list-style: none;
	float:right;

	}


	ul.pagination li{
		float:left;
		display:block;
		line-height:15px;
		text-transform: capitalize;
		margin-left:2px;
	}

	ul.pagination li a{
		display:block;
		border:1px solid   ;
		padding:2px 5px 2px 5px;
		text-decoration: none;
		border:1px solid #dedede;

	}
	ul.pagination li a:hover{
		border-color: #333333;
		text-decoration: underline;
	 }

	ul.pagination li.on{
		padding:2px 5px 2px 5px;
		background-color: #999999;
		color:#fff;
		font-weight: bold;
		border:1px solid #333333;
	}

	ul.pagination li.next a{
		padding-right:12px;
		background:#fff url('images/arrow-right.gif') no-repeat 100% 50%;
		border:1px solid #fff;
	}
	ul.pagination li.back a{
		padding-left:12px;
		background:#fff url('images/arrow-left.gif') no-repeat 0px 50%;
		border:1px solid #fff;
	}
	ul.pagination li.next a:hover, ul.pagination li.back a:hover{
		text-decoration: underline;
	}

/*
*   FOOTER
*/

#footer
{
	border-top:2px solid #CCCCCC;
	padding-top:20px;
	padding-bottom:25px;
	margin-top:25px;
	}

	#footer #footer-copyright{
		float:left;
	}
	#footer #footer-navigation{
		float:right;
		margin-top:-2px;

	}
	#footer #footer-navigation ul{
		list-style:none;
		margin:0px;
		padding:0px;
	}
	#footer #footer-navigation ul li{
		display:block;
		float: left;
		padding:2px 8px 0px 18px;
		background:#fff url('images/ul-inline-menu.gif') no-repeat 0 0px;
	}
	#footer #footer-navigation ul li a{
		text-decoration:none;
	}
	#footer #footer-navigation ul li a:hover{
		text-decoration:underline;
	}
	#footer #footer-navigation ul li.first{
		background:none;
		padding-left:0px;
	}
	#footer #footer-navigation ul li.last{
		padding-right:0px;
	}

/*
*   BREADCRUMBS
*/
 #location
 {

	}
	#location{
		margin-bottom:20px;
	}
	#location ul.breadcrumbs li{
		float:left;
		color: #666666;
		margin-right:10px;
		padding-left:12px;
		background:url('images/arrow-right.gif') no-repeat 0 5px;
	}
	#location ul.breadcrumbs li.note{
		color:#696969;
	}
	#location ul.breadcrumbs li.first{
		background: none;
		padding-left:0px;
	}
	#location ul.breadcrumbs li.last{
		color: #666666;
		padding-left:12px;
		font-weight:bold;
		background:url('images/arrow-right-on.gif') no-repeat 0 5px;
	}
	ul.links li.note{
		color:#999999;
	}




/*
*   LEFT CATEGORY MENU
*/
.menu-categories-list{
	float: left;
	width:180px;
	margin-bottom:30px;
	}
	.menu-categories-list{

	}
	.menu-categories-list .menu-heading{
		border-top:1px solid #333333;
		padding:5px 6px;
		border-bottom:1px solid #333333;
		color:#333333;
		font-size: 13px;
		font-weight:bold;
	}
	.menu-categories-list ul{
		padding:0px;
		margin:0px;
	}
	.menu-categories-list ul li {
		display:block;
		border-bottom: 1px solid #CCCCCC;
	}
	.menu-categories-list ul li a{
		padding:5px 6px;
		display:block;
		text-decoration:none;
	}
	.menu-categories-list ul li a:hover{
		background-color:#EEEEEE;
	}

/*
*   CALENDAR
*
*/
#calendar #cal_tab1 td{
	color:#333333;
}
#calendar #cal_tab1 td.d{

}
#calendar #cal_tab1 td.h{

}
#calendar #cal_tab1 td.s{
	border:1px solid #333333;
	background-color: #999999;
	color:#fff;
}


/*
*   CART STEPS
*/
.flc-tab-marks-line img
{
	background-color:#dedede;

}
.flc-tab-marks-line .flc-tab-line-full .flc-tab-line-img1,
.flc-tab-marks-line .flc-tab-line-full .flc-tab-line-img2,
.flc-tab-marks-line .flc-tab-line-full .flc-tab-line-img3,
.flc-tab-marks-line .flc-tab-line-half .flc-tab-line-img1,
.flc-tab-marks-line .flc-tab-line-half .flc-tab-line-img3
{
	background-color:#999999;
}
/*
#999999 //  light green
 #333333 //  dark green

 */

 /** Styles for the size chart in measurements **/

 .size_chart_table1{
	width: 100%;
	font-size: 12px;
 }

 .size_chart_tableheader{
	background-color:#333333;
	color: #ffffff;
	height: 35px;
	border-collapse: collapse;
	border-spacing: 0px;
	padding: 0px;
 }

 .td{
	 border-collapse: collapse;
	 border-spacing: 0px;
	 padding: 0px;

 }

.size_chart_tableheader_div1{
	 padding: 5px;
	 float: left;
}

 .size_chart_tableheader_div2{
	float: right;
	padding: 5px;
	font-size: 11px;
}

 .size_chart_table_darkgray_line{
	background-color: #CDCDCD;
	height: 30px;
	color: black;

 }

  .size_chart_table_darkgray_line td{
	border-collapse: collapse;
	border-spacing: 0px;
	padding: 5px;
	border-left: solid #FFFFFF 1px;;
  }

   .size_chart_table_white_line{
	height: 30px;
	color: black;

 }

  .size_chart_table_white_line td{
	 padding: 5px;
  }

 .size_chart_table_gray_line{
	background-color: #F0F0F0;
	height: 30px;
	color: black;

 }

  .size_chart_table_gray_line td{
	border-collapse: collapse;
	border: solid #FFFFFF 1px;
	border-spacing: 0px;
	padding: 5px;

  }
  /** End Styles for the size chart in measurements **/

  .new_enquiry{
	  margin-left: 30px;
	  font-weight: bold;
  }

  .badgeName_div{
	  width: 690px;
	  padding-left: 6px;;
  }

  .badgeName_div2{
	  width: 505px;
	  padding-left: 6px;;
  }

  .add_name_link{
	  cursor: pointer;
  }

  .add_name_div{
	  padding-top: 10px;
  }

  .badges_table{
	margin-bottom: 6px;
	width: 665px;
  }

  .badges_table2{
	margin-bottom: 6px;
	width: 400px;
  }

  .badges_table td{
	  vertical-align: top;
	  padding-left: 0px !important;
  }

  .badgeName_text{
	border: 1px solid #999999;
	color: #333333;
	width: 200px;
	height: 20px;
	margin-top: 5px;
  }

  .badgeName_label{

  }

  .badge_tr td{
	  border-bottom: none !important;
  }

  .badgeName_container{
	  width: 200px;
	  margin:auto;
  }

  .badgeName_container_cart{
	  width: 200px;
	  margin:auto;
  }

  .badgeName_container ul{
	  margin-left: 10px;
  }

   .badgeName_container ul li{
	  margin-left: 3px;
  }

  .badgenames_row td{
	  padding-top:0px !important;
  }

  /* New enquiry form */

  .new_enquiry_table{
	  width: 400px;
	  margin-top: 10px;
  }

  .blank_td{
	  height: 20px;
  }

  .dotted_div{
	  border-bottom: dotted 1px;
	  width: 370px;
	  float: left;
  }

  .main_new_enquiry_table{
	  width: 100%;
  }

  .main_new_enquiry_table td{
	  vertical-align: top;
  }

  .right_image_container{
	  height: 374px;
	  width: 450px;
	  border: solid 1px #F3F3F3;
	  margin-top: 10px;
  }

   .right_image_container img{
	   padding: 10px;
   }

   .save-percent-container{
	   display:none;
   }
   
   table.paymentForm{border:1px solid #009d32; margin-top: 30px; width:640px;}
   table.paymentForm td{padding:5px 5px 5px 8px;  }
   table.paymentForm div.paymentFormHeadings{color: #FFFFFF; font-size:16pt;font-weight: bold; background-color: #009d32; padding:4px; margin:3px}
   
   table.paymentForm .amountDue{font-size:16pt; font-weight:bold; text-align:right; padding-right:15px;  vertical-align: bottom; width: 250px;}
   table.paymentForm .amountDue span{} 
   table.paymentForm .tickBox {width:21px; height:21px; margin: 0 2px; float:left; border: 1px solid #adb0ae;}
   table.paymentForm .lineSpace2 {border-top: 1px solid #adb0ae; height: 30px;}


.flc-payment-options table {
	width:500px;
}

	.inner_tab_content {
		display:none;
	}
	#order_product_ordered {
		display:Block;
	}

	ul#order_inner_tabs {
		clear:both;
		display:block;
		width:100%;
		height:26px;
		border-bottom:1px #333333 solid;
		list-style:none;
		margin-bottom:20px;
	}
	#order_inner_tabs li{
		padding:5px 8px;
	   font-size: 13px;
		font-weight: bold;
		float:left;
		cursor:pointer;
		background-color: #999999;
		color: #FFFFFF;
		border-right:2px solid #fff;
	}
	#order_inner_tabs li.current {
		background-color: #333333;
		color: #FFFFFF;
	}


	#order_inner_tabs li:hover {
		background-color: #333333;
	}

.head-row {
	background-color:#eeeeee;
	line-height:30px;
	font-weight:bold;
}
.head-row.dispatched {
	background-color:#cccccc;
}




.address_card {
	border:solid 1px #999;
	width:97%;
	margin-right:3%;
}

.address_card.last {
	float:right;
	margin-right:0;
}

.address_card h5 {
	background:#999;
	color:white;
	padding:6px;
}

.address_card .account-info-details {
	padding:0 6px 6px 6px;
	min-height:90px;
}

.address_card .account-info-details>table {
	border-top:dotted 1px #ccc;
	padding-top:6px;
}


table.remember-login-top-bar{background-color:red; width:100%}
table.remember-login-top-bar td{color:white;font-weight: bold}

  a.login_return{
	color: #FFFFFF;
	width:176px;
	height:38px;
	display:block;
    background:url('images/return_login-.png') no-repeat ;     
	float:right;
  
  }
   a.login_return:hover{
	color: #FFFFFF;
	width:176px;
	height:38px;
	display:block;
    background:url('images/return_login_over-.png') no-repeat ;     
	float:right;
  }
  
  .customer-login-button{
	width:67px; 
	height:21px;
	border: none;
	background:url('images/customer_login.png') no-repeat ;     

  }

  .customer-login-button:hover{
	width:67px; 
	height:21px;
	border: none;
	background:url('images/customer_login_over.png') no-repeat ;     

  }


/*
  'Note' box
*/
div.note-box {
  position: absolute;
  border: 1px solid black;
  background-color: #f6f5eb;
  margin: 0px 0px 0px 30px;
  padding: 3px;
  width: 150px;
  top:0;
  left:0;
  margin-left:100px;
  line-height: 15px;
  white-space: normal;
  overflow: hidden;
  display:none;
}