/* CSS Document */

/*-----------------FRAGMENTS---------------------------------*/

.catWrap {border:2px #000 solid; min-height:18em;}
.catWrap div {border:1px red solid; padding:0; min-height:18em;}
.catWrap img.catalogue {max-width:150px; max-height:150px; padding:0; margin:-15px 0 5px 0; }
.catWrap a.header {display:block; text-decoration:none; height:3em; line-height:1.2em; background:url(../images/prodWrap-a-repeat.jpg) repeat-x center top; color:#fff; font-size:1.1em; font-weight:bold;}
.catWrap a.header:hover { text-decoration:underline;}

.productGroupWrap { border:1px #000 solid; padding:0 0 5px 0; font-size:1.2em; width:570px; float:left;}
.productGroupWrap span {display:block; text-decoration:none; height:3em; line-height:1.8em; background:url(../images/prodWrap-a-repeat.jpg) repeat-x center top; color:#fff; font-size:1.2em; font-weight:bold;}
.productGroupWrap a.header {display:block; text-decoration:none; height:3em; line-height:1.8em; background:url(../images/prodWrap-a-repeat.jpg) repeat-x center top; color:#fff; font-size:1.2em; font-weight:bold;}
.productGroupWrap a.header:hover {text-decoration:underline;}
.productGroupWrap img.catalogue {max-width:130px; max-height:130px; float:left;}
.productGroupWrap .info {float:left; margin-left:1em; border:1px #fff solid; text-align:left;}
.productGroupWrap .info .AXISFieldText {width:3.1em;}
.productGroupWrap .info form {vertical-align:middle; display:block; height:30px;}

.heading { }
.AXISFieldText {width:3.1em;}
/*---------------------------BODY-------------------------------*/

input, textarea {
	font-size: 11px;
	}


body { font-size:9px; font-family:Verdana, Arial, Helvetica, sans-serif; color:#000; margin:0; padding:0;}

strong { font-weight: normal; }

h1 { font-size:1.8em;margin:1em 0.5em 0.5em 0.4em;}

h2 {font-size:1.6em;margin:1em 0.5em 0.5em 0.4em;}

h3 { background:url(../images/title-bg-repeat.jpg) repeat-x center center; color:white; font-size:1.1em; padding:0; margin:0; display:block; height:31px; line-height:31px; text-align:center;}

h4 {font-size:1.2em;}

h5 {font-size: 11px; }

#masthead { position:relative; height:120px; padding:0; margin:0 0 2em 0;}
#masthead .notice { position:absolute; right:0.5em; top:0.5em; display:block; width:750px; font-family: "arial rounded MT Bold", Verdana, Arial, Helvetica, sans-serif; color:#ff0000; font-style:italic; font-size:1.8em; text-align:right; float:right; }
#masthead img {position:absolute; top:0; left:0;}


#mainNav {padding:2px 0 2px 5px; margin: 62px 0 0 0; text-align:center; width:99%; float:left; background:#fff url(../images/mainNav-repeat.jpg) repeat-x bottom left; height:42px;}
#mainNav ul { margin:0px 0 0 150px; padding:0 0 0 10px; list-style:none;  float:left; height:33px;  }
#mainNav ul li {float:left;}
#mainNav ul a { float:left; outline:none; margin:0 5px 0 0; display:block; background:url(../images/tab-not-selected.jpg) no-repeat bottom left; width:129px; font-weight:bold; height:28px; padding:5px 0 0 0; line-height:28px; text-decoration:none; color:#fff; font-size:11px;}
#mainNav ul a.selected { outline:none;background:url(../images/tab-selected.jpg) no-repeat bottom left; height:33px; width:129px; margin:0 5px 0 0; padding:0; line-height:33px;}


.login { position:absolute; right:0.5em;  top:40px; }
.login img { margin-bottom:-8px;}

#container {padding:0 201px 1px 201px; background-color:#fff; font-size:1.2em;}

#inner_container { border: solid 1px #fff; border-width: 0 1px; margin: -20px -1px 20px 1px; width:99%; display:block; z-index:1;}
#content_box_home {margin-bottom:1em;  padding:0; border:#000000 1px solid;}
#content_box { margin-bottom:1em;  padding:0; border:#000000 1px solid; min-height:580px;}
/* #content_box p {  margin:1em 0.7em;} */
#content_box  .notice { text-align:center; font-family: "arial rounded MT Bold", Verdana, Arial, Helvetica, sans-serif; color:#009933; font-style:italic; font-size:2.5em;}
.nav input {vertical-align:middle;}
#content_box big { font-size:1.3em; font-weight:bold; margin:0 0.5em;}

.search { text-align:center;}

#banner { background: url(../images/banner.jpg) no-repeat center center ; overflow: hidden; display:block; height:127px; padding:0; border:1px solid #000; margin-bottom:1em;}

#left,#right,#center,#SOWrap { overflow:visible; position:relative;}

#SOWrap { float:left; margin:0 1px 0 0; width:99%; z-index:3;}

#left { width:180px; float:left; margin:0 1px 0 -201px; padding:0 1em; z-index:4; }

.nav, #secondaryNav, #accreditations, #basket, #footer {  border-top:#000000 1px solid; border-left:1px #ff0000 solid; border-right:1px #ff0000 solid; border-bottom:1px #ff0000 solid; background:#FFFFFF url(../images/div-bg.jpg) repeat-x top left;}
.nav { margin-bottom:1em;}
.nav h3, #secondaryNav h3, #basket h3, #accreditations h3 {font-size:1.1em;}

.nav, #secondaryNav, #basket, #accreditations {font-size:.9em;}
.nav ul { margin:0.5em 0 0.5em 0.5em; padding:0; list-style-type:none;}
.nav ul li {  line-height:150%;}
.nav ul li a { color:#000; text-decoration:none; display:block;padding:2px;}
.nav ul li a:hover { text-decoration:none; color:#FFFF00; display:block; background:#000; padding:2px;}
.nav ul li.header a { font-weight:bold;}

/* #banner_test .nav   {
	width: 178px;
	} */

#secondaryNav ul { margin:0.5em 0 0.5em 0.5em; padding:0; list-style-type:none; }
#secondaryNav ul li {  line-height:150%;}
#secondaryNav ul li a { color:#000; text-decoration:none; display:block; padding:2px;}
#secondaryNav ul li a:hover { text-decoration:none; color:#FFFF00; display:block; background:#000; padding:2px;}


#center { width:99%; float:right; margin:0 0 0 -1px; z-index:5;}

#right {width:180px; float:right; margin:0 -201px 0 1px; padding:0 1em; z-index:2;}

#basket { margin-bottom:1em; padding-bottom:1em;}
#basket span {  margin:0 .5em; }

.display { width:31%; border-left:1px #ff0000 solid; border-top:#000000 1px solid; border-right:1px #ff0000 solid; border-bottom:1px #ff0000 solid; margin:0 0 1em 0; padding:0; text-align:center; background-color:#FFFFFF; float:left;}
.display img {margin:1em 0;}
.middle {margin-left: 3%; }
.account {background:url(../images/operator.jpg) no-repeat bottom right; height:145px; margin: 0 0 0 0;}
.account a {display:block; color:#000; padding:2.5em 2em 0 0.5em; font-size:1.3em; font-weight:bold; text-decoration:none;  }
.account a:hover {color:#CC0000;}

#accreditations {margin:0 0 10px 0;}
#accreditations img { text-align:center;}
#accreditations p {  margin:1em;}

.display_container {
	width: 500px;
	padding: 0;
	margin: 0;
	}
.index_display {
	border: 1px solid #636975;
	width: 222px;
	height: 122px;
	text-align: center;
	font-size: 13px;
	color: #FFFFFF;
	font-weight: bold;
	margin: 0;
	padding: 0;
	}
#dis_guide {
	background: url(../images/display_guide.jpg) no-repeat bottom center;
	float: left;
	margin: 0;
	}
#dis_account {
	background: url(../images/display_account.jpg) no-repeat bottom center;
	float: right;
	margin: 0;
	}
.index_display .title {
	background: url(../images/display_grad.jpg) repeat-x;
	display: block;
	height: 24px;
	text-align: center;
	line-height: 22px;
	margin: 0;
	padding: 0;
	}
.index_display p {
	font-size: 11px;
	color: #464C5A;
	padding: 80px 0 0 0;
	font-weight: normal;
	margin: 0;
	}
.clearer2 {
	clear: both;
	height: 20px;
	}

#contact_form {
	margin: 10px auto 20px auto;
	border: 1px solid #FF0000;
	text-align: center;
	padding: 10px 10px 0px 10px;
	width: 460px;
	}
#contact_form label {
	float: left;
	text-align: right;
	width: 190px;
	}
#contact_form p {
	margin: 0px 0px 10px 210px;
	text-align: left;
	}
#contact_form input {
	background-color: #FFFFFF;
	border: 1px #999999 inset;
	width: 200px;
	padding: 2px;
	}
#contact_form .submit {
	width: 70px;
	background-image: url(../images/title-bg-repeat.jpg);
	border: 1px #999999 outset;
	color: #FFFFFF;
	font-weight: bold;
	}
#contact_form button {
	font-size: 11px;
	font-family: verdana;
	text-align: center;
	}

#footer { width:100%; float:left; z-index:6;  text-align:center; margin:0;}
#footer span {margin:5px 0; display:block;}

#footer .mailing_list {
	height: 30px;
	margin: 8px auto 0 auto;
	width: 380px;
	border: 1px solid #FF000;
	}
	
#footer .mailing_list h5 {
	margin: 3px 0 0 0;
	}
#footer .mailing_list input {
	color: #666666;
	width: 150px;
	}
#footer .mailing_list input.inputme {
	width: 45px;
	color: #000000;
	}
#footer .mail_col {
	float: left;
	padding: 2px;
	}
#footer .clearer {
	clear:both;
	height: 1px;
	}

.clear {clear:both;}
.fleft {float:left;}
.fright {float:right;}

.address {display:block; height:18em; width:26%; font-weight:normal; font-style:normal; position:relative; margin:1em 1%; padding:0 1em 1em 1em; float:left; border:2px #ccc dotted; }

.promotion-wrap {padding:5px 5px 5px 20px;}
.promotion-wrap img {margin:0 10px 10px 0; border:1px solid #f2f2f2;}



/* Express Checkout */

div#constrain_w h2 {
	margin: 20px 0;
	}
div#constrain_w {
	 margin: 0 auto;
	 width: 600px;
	 padding: 0 0 10px 0;
	}

div#content_box .checkout_form .exclude_form {
	margin: 10px 0 10px 0;
	clear: left;
	padding: 5px;
	background: #F9F7F4;
	border:1px solid #D0C8B3;
	}

div#content_box .checkout_summary {
	background: #F9F7F4;
	border:1px solid #D0C8B3;
	padding: 5px;	
	margin: 0 0 10px 0;
	color: #666666;
	font-weight: bold;
	}
div#content_box .checkout_summary_sm {
	background: #F9F7F4;
	border:1px solid #D0C8B3;
	padding: 2px;	
	margin: 0 0 10px 0;
	color: #666666;
	font-weight: bold;
	}
div#content_box .checkout_summary_sm .AXISTableText td {
	width: 154px;
	padding: 2px;
	}
div#content_box .checkout_summary p,
div#content_box .checkout_summary_sm p {
	margin: 0;
	}

div#content_box .checkout_form .name_title {
	display: block;
	float: left;
	width: 50px;
	height: 50px;
	}
div#content_box .checkout_form .title_indent {
	margin: 0 0 0 100px;
	display: block;
	}
div#content_box .checkout_form .title_indent label {
	float: left;
	width: 150px;
	clear: none;
	}
div#content_box .checkout_form .title_indent p {
	margin: 0 0 10px 160px;
	}
div#content_box .checkout_form label {
	float: left;
	width: 250px;
	clear: both;
	}
div#content_box .checkout_form p {
	margin: 0 0 10px 260px;
	text-align: left;
	line-height: 14px;
	}
div#content_box .checkout_form p.text_hl {
	margin: 0 0 10px 0;
	border:1px dashed #D0C8B3;
	padding: 5px;
	}
div#content_box #DispAdr p {
	margin: 0 0 10px 8px;
	}
div#content_box .checkout_form .outline_form_area p {
	margin: 0 0 10px 10px;
	text-align: center;
	}
	
div#content_box .checkout_form input,
div#content_box .checkout_form textarea {
	width: 200px;
	padding: 2px;
	background: #F9F7F4;
	border:1px solid #D0C8B3;
	}
div#content_box .checkout_form select {
	padding: 1px 2px 1px 2px; 
	background: #F9F7F4;
	border:1px solid #D0C8B3;
	margin: 0 3px 0 0;
	font-size: 11px;
	}
div#content_box .checkout_form button {
	margin: 10px auto 0 auto;
	background: url(../images/button_back.gif) no-repeat;
	width: 110px;
	height: 23px;
	text-align: center;
	display: block;
	border: 0;
	color: #DFD5C2;
	padding: 0 0 4px 0;
	cursor: pointer;
	font-size: 11px;
	color: #333333;
	}
div#content_box .checkout_form button#trade_counter {
	margin: 0;
	}
div#content_box .checkout_form .small_text_input {
	width: 60px;
	}
div#content_box .checkout_form #tandcconf,
div#content_box .checkout_form input.small_element {
	width: 18px;
	border: 0;
	background: 0;
	}
div#content_box .checkout_form .outline_form_area {
	padding: 10px 0 0 0;
	background: #F9F7F4;
	border:1px solid #D0C8B3;
	}
div#content_box .checkout_form a {
	cursor:pointer;
	}
div#content_box #display_none {
	display: none;
	text-align: center;
	padding: 5px 0 10px 0;
	border:1px solid #D0C8B3;
	}
div#content_box .checkout_form .center_button {
	text-align: center;
	}

/** Checkout - Your Order Details **/

div#content_box div.checkout_summary_sm#your_order {
	color: #FFFFFF;
	font-weight: normal;
	padding: 5px;
	}
	
div#content_box div.checkout_summary_sm#your_order .AXISTableText {
	background: #FFFFFF;
	color: #666666;
	}
div#content_box div.checkout_summary_sm#your_order .AXISTableHead {
	color: #666666;
	background: #DDDDDD;
	}
	
.sub_text {
	font-size: 10px;
	color: #D0C8B3;
	}
.req {
	padding: 2px 4px 2px 4px;
	color: #FF6600;
	border: 1px solid #CCCCCC;
	background: #FFFFFF;
	}
	
table#printable table.AXISTableText {
	background: #EFEFEF;
	}