/*//////////////////////////////////////////*/
/*           Your actual basics             */
/*//////////////////////////////////////////*/

body {
	margin: 0;
	padding: 0;
	background: #161616 url(../images/bg_main.jpg) center top no-repeat;
}

img, form, div {
	border: none;
	padding: 0;
	margin: 0;
}

img.inset {
	float: left;
	margin: 0 20px 0 20px;
	padding: 1px;
	border: 1px solid #676767;
}

img.intextl {
	float: left;
	margin: 6px 20px 0 0;
	padding: 4px;
	border: 1px solid #373737;
	border-bottom: 4px solid #373737;
	background: #efefef;
}

img.intextr {
	float: right;
	margin: 0 0 0 20px;
	padding: 4px;
	border: 1px solid #373737;
	border-bottom: 4px solid #373737;
	background: #efefef;
}

p, h2, h4, h5, h6, td, blockquote {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 11px;
	color: #bbb;
	line-height: 21px;
	margin: 0;
	padding: 0;
}

a, li, h1, h3 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #bbb;
	line-height: 19px;
	margin: 0;
	padding: 0;
}

p {
	margin: 0 0 15px 0;
	padding: 0 20px;
}

p.lbrk, p.line, p.linedot {
	display: block;
	width: 388px;
	height: 19px;
	background: url(../images/bg_linefl.gif) no-repeat;
	padding: 0 0 12px 0;
	margin: 0;
}

p.line {
	background: url(../images/bg_line.gif) repeat-x;
	padding: 0 0 8px 0;
}

p.linedot {
	background: url(../images/bg_linedot.gif) no-repeat;
	padding: 0 0 6px 0;
}

p.linew, p.lbrkw {
	clear: both;
	display: block;
	width: 558px;
	height: 19px;
	background: url(../images/bg_linew.gif) no-repeat;
	padding: 0 0 8px 0;
	margin: 0;
}

p.lbrkw {
	background: url(../images/bg_lineflw.gif) repeat-x;
}

p.pind {
	padding: 0 26px 10px 26px;
	margin: 0;
}

.discount {
	color: #bbb;
	text-decoration: line-through;
}

a:link, a:visited {
	color: #fff;
	text-decoration: none;
	padding: 0 0 4px 0;
	margin: 0;
	background: url(../images/bg_link2.gif) 0 0 repeat-x;
}

a:hover, a:active {
	color: #fb9a60;
	background: none;
}

a.imgb {
	background: none;
	margin: 0;
	padding: 0;
}

h1.pcat {
	width: 570px;
	height: 72px;
	background: transparent url(../images/t_selcat.gif) no-repeat;
	font-size: 14px;
	padding: 32px 0 0 156px;
	line-height: 22px;
	voice-family: "\"}\"";
	voice-family: inherit;
	width: 415px;
	height: 40px;
}

h1.acc {
	width: 570px;
	height: 72px;
	background: transparent url(../images/t_acc.gif) no-repeat;
	font-size: 14px;
	padding: 32px 0 0 90px;
	line-height: 22px;
	voice-family: "\"}\"";
	voice-family: inherit;
	width: 480px;
	height: 40px;
}

h1.accwide {
	width: 770px;
	height: 72px;
	background: transparent url(../images/t_accwide.gif) no-repeat;
	font-size: 14px;
	padding: 32px 0 0 105px;
	line-height: 22px;
	voice-family: "\"}\"";
	voice-family: inherit;
	width: 665px;
	height: 40px;
}

h1.blankwide {
	width: 770px;
	height: 72px;
	background: transparent url(../images/t_blankwide.gif) no-repeat;
	font-size: 14px;
	padding: 32px 0 0 40px;
	line-height: 22px;
	voice-family: "\"}\"";
	voice-family: inherit;
	width: 730px;
	height: 40px;
}

h1.spaced {
	margin: 0 0 9px 0;
}

h2 {
	font-size: 14px;
	color: #f67528;
	font-weight: bold;
	margin: 0 0 15px 0;
	padding: 0 20px;
}

h3 {
	width: 148px;
	color: #f67528;
	font-weight: bold;
	line-height: 15px;
	letter-spacing: -1px;
	text-align: center;
	border-left: 1px solid #676767;
	border-right: 1px solid #676767;
	margin: 0 1px;
	padding: 2px 2px 0 2px;
}

h4 {
	clear: both;
	font-size: 11px;
	color: #aaa;
	font-weight: bold;
	margin: 0 0 15px 20px;
	padding: 0;
}

h4.nomarg {
	margin: 0 0 0 20px;
}

ol {
	padding: 0 20px;
	margin: 0 0 14px 0;
}

ul {
	list-style:none;
	padding: 0 20px;
	margin: 0 0 14px 0;
}

ul.alt {
	list-style: disc;
	padding: 0 20px 0 50px;
	margin: 0 0 14px 0;
}

li {
	color: #fff;
	padding: 0;
}

input, select {
	float: left;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #eb6009;
	font-size: 11px;
	padding: 4px;
	background: #3d1701;
	border: 1px solid #9b3d04;
}

strong {
	font-weight: bold;
	color: #fff;
}

blockquote {
	font-size: 12px;
	font-style: italic;
	color: #fff;
	padding: 0 20px 10px 20px;
}

/* classes */

.nomarg {
	margin: 0;
}

.disclaimer {
	font-size: 9px;
	font-style: italic;
	color: #999;
	padding-right: 35px;
}

.mten {
	margin: 0 0 0 11px;
}

.clear {
	clear: both;
	margin: 0;
	padding: 0;
}

.white {
	color: #fff;
}

/*//////////////////////////////////////////*/
/*              Layout divs                 */
/*//////////////////////////////////////////*/

#holdall {
	width: 770px;
	margin: 0 auto;
	background: #282828;
}

/* header */

#header {
	width: 770px;
	height: 135px;
	background: url(../images/bg_header_newlogo.png) 0 0 no-repeat;
	margin: 0;
	border-bottom: 1px solid #161616;
}

#header p {
	padding: 33px 0 2px 392px;
	color: #eb6009;
	margin: 0;
}

#header input {
	width: 190px;
	margin: -25px 0 0 482px;
}

#header input.button {
	float: right;
	width: 58px;
	padding: 0;
	margin: -25px 20px 0 0;
	border: none;
}

#topnav {
	clear: both;
	text-align: center;
	list-style: none;
	margin: 23px 20px 0 20px;
	padding: 0;
}
	
#topnav li {
	display: inline;
	font-size: 9px;
	line-height: 23px;
	color: #eb5b05;
	padding: 0 2px 0 0;
}

#topnav li a:link, #topnav li a:visited {
	font-size: 10px;
	color: #fb9a60;
	padding: 0 6px 0 0;
	background: transparent;
}

#topnav li a:hover, #topnav li a:active {
	color: #fff;
}

#summary {
	width: 770px;
	margin: 0;
	padding: 3px 0 6px 0;
	background: transparent;
	/*border-bottom: 1px solid #3d1701;*/
}

#purchase {
	clear: both;
	text-align: right;
	list-style: none;
	margin: 0 31px 0 0;
	padding: 0;
}

#purchase li {
	display: inline;
	font-size: 9px;
	color: #953b06;
	padding: 0 0 0 3px;
}

#purchase li.white {
	color: #fff;
}

#purchase li a:link, #purchase li a:visited, #purchase li a:active {
	font-size: 10px;
	color: #fff;
	padding: 0 0 0 4px;
	background: transparent;
}

#purchase li a:hover {
	color: #eb6009;
}

#purchase li.basket {
	padding: 0 0 0 12px;
	background: transparent url(../images/i_basket.gif) 0 50% no-repeat;
}

/* leftcol */

#leftcol {
	float: left;
	width: 191px;
	background: url(../images/bg_lcol.gif) 0 0 repeat-y;
}

#prodnav1, #prodnav2, #subnav {
	text-align: center;
	padding: 0 0 0 20px;
	margin: 0;
}

#subnav {
	text-align: center;
	padding: 0;
	margin: 0;
}

#prodnav1 li, #prodnav2 li, #subnav li {
	padding: 0;
}

#prodnav1 li a, #prodnav1 li a.deselected, #prodnav2 li a, #prodnav2 li a.deselected {
	display: block;
	width: 171px;
	font-weight: bold;
	line-height: 26px;
	letter-spacing: -1px;
	background: url(../images/bg_prod.gif) no-repeat;
	color: #fb9a60;
	padding: 0 0 2px 0;
	margin: 0;
}

#prodnav1 li a:hover, #prodnav1 li a.selected, #prodnav2 li a:hover, #prodnav2 li a.selected {
	color: #fff;
	background: url(../images/bg_prod.gif) 0 -28px no-repeat;
}

#prodnav1 ul.subnav, #prodnav2 ul.subnav {
	margin: 0;
	padding: 0;
	list-style: none;
}

#prodnav1 ul.subnav li a, #prodnav2 ul.subnav li a {
	display: block;
	width: 171px;
	font-weight: bold;
	line-height: 26px;
	letter-spacing: -1px;
	background: url(../images/bg_sub.gif) no-repeat;
	color: #eee;
	padding: 0 0 2px 0;
	margin: 0;
}

#prodnav1 ul.subnav li a:hover, #prodnav2 ul.subnav li a:hover{
	color: #fff;
	background: url(../images/bg_sub.gif) 0 -28px no-repeat;
}

#contact {
	padding: 18px 0 0 55px;
	margin: 0;
}

#contact li {
	padding: 0 0 0 18px;
	color: #aaa;
}

#contact li.tel {
	background: transparent url(../images/i_tel.gif) 0 60% no-repeat;
}

#contact li.fax {
	background: transparent url(../images/i_fax.gif) 0 60% no-repeat;
}

#contact li.mail {
	background: transparent url(../images/i_mail.gif) 0 65% no-repeat;
}

img.cards {
	margin: 25px 0 0 41px;
}

img.bpma {
	margin: 20px 0 0 28px;
}

/* main content area - 3 col layout */

#maincontent {
	float: left;
	width: 388px;
	background: #404040;
}

#copyright {
	display: block;
	text-align: center;
	background: #404040 url(../images/end_ccol.gif) 0 8px no-repeat;
	width: 388px;
	height: 34px;
}

#copyright p, #copyrightw p {
	color: #969696;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	margin: 0;
	padding: 2px 0 1px 0;
	line-height: 11px;
}

/* main content area - 2 col layout wide */

#maincontentw {
	float: left;
	width: 559px;
	background: #404040 url(../images/bg_ccol_w.gif) repeat-y;
}

#copyrightw {
	display: block;
	text-align: center;
	background: transparent url(../images/end_ccol_w.gif) 0 8px no-repeat;
	width: 559px;
	height: 34px;
}

/* product index grid */

div.panelrow {
	clear: both;
	margin: 0 0 0 26px;
	padding: 0;
}

div.ppanel {
	float: left;
	width: 154px;
	margin: 5px 20px 15px 0;
	padding: 0;
	border-bottom: 3px solid #373737;
	background: #373737;
}

div.ppanel p, div.panel p, div.testpanel p{
	width: 152px;
	color: #f67528;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	padding: 0 0 4px 0;
	margin: 0 1px;
	text-align: center;
	border-left: 1px solid #676767;
	border-right: 1px solid #676767;
	border-bottom: 1px solid #676767;
}

/* right column */

#rightcol {
	float: left;
	width: 191px;
	background: url(../images/bg_rcol.gif) 0 0 repeat-y;
}

#rightcol h1 img {
	margin: 0 0 13px 0;
}

div.panel, div.testpanel {
	clear: both;
	float: left;
	display: inline;
	width: 156px;
	margin: 0 0 10px 8px;
	border-bottom: 3px solid #373737;
	background: #373737;
}

#leftcol div.panel {
	border-top: 1px solid #373737;
	margin: 20px 0 0 27px;
}

#rightcol div.testpanel {
	border-top: 1px solid #373737;
	margin:0 0 0 8px;
}

#leftcol div.panel h3, #rightcol div.testpanel h3 {
	background: #555;
	border-top: 1px solid #676767;
	padding: 3px 5px 0 5px;
	width: 152px;
	voice-family: "\"}\"";
	voice-family: inherit;
	width: 142px
}

#leftcol div.panel p.text, #rightcol div.testpanel p.text {
	font-size: 9px;
	color: #bbb;
	background: #555;
	padding: 0 5px 7px 5px;
	width: 152px;
	line-height: 16px;
	voice-family: "\"}\"";
	voice-family: inherit;
	width: 142px
}

#rightcol div.testpanel p.text {
	text-align: left;
	padding: 7px 5px 10px 5px;
}

#leftcol div.panel input {
	margin: 5px 0 0 0;
	background: #fff;
	border: 1px solid #555;
	color: #555;
	float:none;
}

#leftcol div.panel input.email {
	width:132px;
}

#leftcol div.panel input.button {
	margin: 7px 0 0 1px;
	padding: 0;
	background: none;
	border: none;
	float:none;
}

html>body #leftcol div.panel p.text, html>body #rightcol div.testpanel p.text {
	width: 142px
}

table.pimg {
	width: 157px;
	height: 159px;
	margin: 1px 0 0 1px;
	padding: 1px 0 0 0;
	background: #555;
	border-top: 1px solid #676767;
	border-left: 1px solid #676767;
	border-right: 1px solid #676767;
	voice-family: "\"}\"";
	voice-family: inherit;
	width: 154px;
	height: 157px;
}

/* footer and footer links */

#footer {
	clear: both;
	padding: 0;
	margin: 0;
}

#footerlinks {
	clear: both;
	width: 770px;
	margin: 0 auto 0 auto;
	padding: 51px 0 20px 0;
	background: #161616 url(../images/footer_curve.gif) no-repeat;
}

#footnav {
	text-align: center;
	list-style: none;
	padding: 10px 0 0 0;
	margin: 0;
}
	
#footnav li {
	display: inline;
	font-size: 9px;
	color: #eb5b05;
	padding: 0 2px 0 0;
}

#footnav li a:link, #footnav li a:visited {
	font-size: 9px;
	color: #fff;
	padding: 0 6px 0 0;
	background: transparent;
}

#footnav li a:hover, #footnav li a:active {
	color: #fb9a60;
}

#footerlinks p {
	color: #777;
	margin: 10px 0;
	text-align: center;
}


/* basket table */

#orderno {
	margin: 0 0 17px 20px;
}

#orderno input {
	width: 150px;
	margin: 0;
	padding: 3px;
	background: #777;
	border: 1px solid #222;
	color: #fff;
}

#basket {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	margin: 0 0 0 20px;
}

#basket td {
	background: #555;
	padding: 3px;
}

#basket td.itemprice {
	text-align: right;
}

#basket td.price {
	text-align: right;
	color: #fb9a60;
	font-weight: bold;
}

#basket td.total {
	text-align: right;
	color: #fff;
	font-weight: bold;
}

#basket td.subhead {
	text-align: right;
	color: #aaa;
	font-weight: bold;
	background: #555;
}

#basket td.empty {
	background: transparent;
	height: 24px;
	padding: 0;
}

#basket thead td {
	background: #eb6009;
	color: #fff;
	font-weight: bold;
	padding: 5px 3px;
}

#basket thead td.centre {
	text-align: center;
}

#basket input {
	width: 24px;
	margin: 0;
	padding: 3px;
	background: #777;
	border: 1px solid #333;
	color: #fff;
	text-align: center;
}

#basket input.bupdate {
	width: 106px;
	margin: 0;
	padding: 0;
	border: none;
	background: transparent;
}

#basket input.contbutton {
	float: right;
	width: 71px;
	padding: 0;
	margin: 0;
	border: none;
	background: transparent;
}

#basket select {
	background: #fff;
	width: 298px;
	padding: 1px;
}

ul.basket {
	margin: 0 20px 20px 30px;
	padding: 0;
}

ul.basket li {
	font-family: Georgia, "Times New Roman", Times, serif;
	list-style: none;
	color: #fff;
	background: transparent url(../images/bullet_contents.gif) 0 55% no-repeat;
	padding: 0 0 0 15px;
}

/* form */

#inforeq {
	margin: 0 20px 10px 20px;
}

#inforeq td {
	padding: 0 0 8px 0;
}

#inforeq label, #inforeq input, #inforeq select, #inforeq textarea  {
	display: block;
	float: left;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
}

#inforeq input, #inforeq select, #inforeq textarea  {
	color: #111;
	margin: 0;
	background: #fff;
	border: 1px solid #333;
}

#inforeq input {
	width: 170px;
	padding: 3px;
}

#inforeq select, #inforeq textarea {
	width: 177px;
	padding: 2px;
}

#inforeq textarea {
	height: 70px;
}

#inforeq input.check {
	width: 14px;
	margin: 0;
	background: transparent;
	border: none;
}

#inforeq input.button {
	width: 58px;
	padding: 0;
	margin: 8px 0 4px 0;
	border: none;
	background: transparent;
}

#inforeq label {
	display: block;
	width: 160px;
	font-weight: bold;
	color: #fb9a60;
	padding: 0 10px 0 0;
	voice-family: "\"}\"";
	voice-family: inherit;
	width: 150px;
}