@charset "utf-8";
/* CSS Document */

html, body {height 100%;}

BODY{
	background-image : url(/assets/gfx/bgi.gif);
	margin : 1em 0 0 0;	
}

A{
	color : #006100;
	text-decoration : none;
}
A:hover{
	color : #a21212;
	text-decoration : underline;
}

P{
	margin : 0 0 1em 0;
	padding : 0 0 0 0;
}

UL{
	margin : 0 2em 1em 2em;
	padding : 0 0 0 0;
}

UL LI{
	list-style-image : url(/assets/gfx/bullet.gif);
	margin : 0 0 0.2em 0;
}
UL.columns LI{
	float : left;
	width : 210px;
}

h1{
	font-family : Trebuchet MS, Arial, Helvetica, sans-serif;
	font-weight : 500;
	color : #a21212;
	font-size : 160%;
	margin : 0 0 0.6em 0;
	padding : 0 0 0 0;
	line-height : 1;
}

h2{
	font-family : Trebuchet MS, Arial, Helvetica, sans-serif;
	font-weight : 500;
	color : #006100;
	font-size : 140%;
	margin : 0 0 1em 0;
	padding : 0 0 0 0;
	line-height : 1;
}
H2 EM{
	color : #a21212;
	font-style : normal;
}

h3{
	font-family : Trebuchet MS, Arial, Helvetica, sans-serif;
	font-weight : 500;
	color : #a21212;
	font-size : 140%;
	margin : 0 0 1em 0;
	padding : 0 0 0 0;
	line-height : 1;
}

#container{
	border : 1px solid black;
	background-color : white;
	background-repeat : no-repeat;
	background-position : 100% 0%;
	background-image : url(/assets/gfx/header.gif);
	width : 770px;
	margin : 0 auto 0 auto;
	padding : 0 0 1em 0;
	position : relative;
	min-height : 300px;
	font-family : Arial, Helvetica, sans-serif;
	font-size : 0.9em;
	color : #666;
	line-height : 1.4;
}

#footerBar{
	background-image : url(/assets/gfx/footer.gif);
	background-repeat : repeat-x;
	height : 20px;
	width : 770px;
	margin : 0 auto 0 auto;
	border-left : 1px solid black;
	border-right : 1px solid black;
	border-bottom : 1px solid black;
}

#logo{
	float : left;
	border : none;
	margin : 8px 0 0 15px;
	width : 205px;
}
#contact{
	margin : 75px 15px 0 0;
	border : none;	
	width : 301px;
	float : right;
}
#contact IMG{
	border : none;
}

.clear{
	clear : both;
	height : 1px;
}

#contentBlock{
	float : right;
	width : 500px;
	margin : 2.4em 1em 0 0;
}

#menuBlock{
	float : left;
	width : 205px;
	margin : 2em 0 1em 0;
	clear : left;
}

#menuBlock UL{
	margin : 0 0 0 0;
	padding : 0 0 0 0;
}
#menuBlock UL LI{
	margin : 0 0 0 0;
	padding : 0 0 0 0;
	list-style : none;
}
#menuBlock UL LI A{
	margin : 0 0 0 0;
	color : white;
	display : block;
	border-bottom : 1px solid #620303;
	border-right : 1px solid #620303;
	height : 22px;
	line-height : 1.6;
	background-image : url(/assets/gfx/menu.gif);
	background-repeat : no-repeat;
	background-color : #a21212;
	padding : 0 0 0 2.5em;
	text-decoration : none;
}
#menuBlock UL LI A:hover{
	text-decoration : none;
	color : #ffffcc;
}


#cartBlock{
	float : left;
	width : 185px;
	margin : 0 0 0 0;
	padding : 1em 10px 0 10px;
	
	clear : left;
	background-image : url(/assets/gfx/cartBox.gif);
	background-position : 100% 0%;
}

#cartClose{
	background-image : url(/assets/gfx/cartClose.gif);
	background-position : 100% 0%;
	height : 19px;
	float : left;
	width : 205px;
	margin : 0 0 1em 0;
	clear : left;
}


.menuBoxout{
	float : left;
	width : 185px;
	margin : 0 0 0 0;
	padding : 1em 10px 0 10px;
	
	clear : left;
	background-image : url(/assets/gfx/menuBox.gif);
	background-position : 100% 0%;
	
}
.menuBoxout IMG{
	margin : 0 auto 1em auto;

}

#cartBlock H2, .menuBoxout H2{
	color : #006100;
	font-family : Trebuchet MS, Arial, Helvetica, sans-serif;
	font-size : 120%;
}
#cartBlock H2 EM, .menuBoxout H2 EM{
	color : #a21212;
	font-style : normal;
}

.menuBoxoutClose{
	background-image : url(/assets/gfx/cartClose.gif);
	background-position : 100% 0%;
	height : 19px;
	float : left;
	width : 205px;
	margin : 0 0 1em 0;
	clear : left;
}

#footer{
	width : 770px;
	margin : 0.4em auto 1em auto;
	padding : 0 0 0 0;
	font-family : Arial, Helvetica, sans-serif;
	font-size : 0.7em;
}

#cwn{
	float : right;
	text-align : right;
	width : 200px;
}

.bobbleline{
	background-image : url(/assets/gfx/bobbleline.gif);
	background-position : 100% 0%;
	height : 5px;
	margin : 0.5em 0 0.5em 0;
}


.productHighlight{
	float : left;
	width : 108px;
	height : 180px;
}
.productHighlight IMG{
	border : 1px solid black;
	margin : 3px 0 3px 0;
}

.productGridShort{
	float : left;
	width : 108px;
	height : 200px;
	position : relative;
}

.productGrid{
	float : left;
	width : 108px;
	height : 232px;
	position : relative;
}
.productGrid IMG, .productGridShort IMG{
	border : 1px solid black;
	margin : 3px 0 3px 0;
}
.productGrid .title, .productGridShort .title{
	border : 1px solid #cfcfcf;
	background-image : url(/assets/gfx/light-fade.gif);
	background-repeat : repeat-x;
	font-size : 11px;
	font-weight : bold;
	margin : 0 0 0 0;
	padding : 0 0 0 0;
	height : 36px;	
	overflow : hidden;
	display : block;
}

.productGrid .title .titlePositioner, .productGridShort .title .titlePositioner{
	display : table-cell;
	text-align : center;
	vertical-align : middle;
	width : 100px;
	height : 28px;
	padding : 4px;
}


.productHighlight .title .titlePositioner{
	display : table-cell;
	text-align : center;
	vertical-align : middle;
	width : 100px;
	height : 28px;
	padding : 4px;
}

.price{
	border : 1px solid #cfcfcf;
	background-image : url(/assets/gfx/light-fade.gif);
	background-repeat : repeat-x;
	text-align : center;
	font-size : 11px;
	font-weight : bold;
	padding : 0.2em 0.3em 0.2em 0.3em;
	margin : 0 0 0.2em 0;
}

.price strong{
	color : #620303;
}

.quantity{
	border : 1px solid #cfcfcf;
	background-image : url(/assets/gfx/light-fade.gif);
	background-repeat : repeat-x;
	text-align : center;
	font-size : 11px;
	font-weight : bold;
	padding : 0.2em 0.3em 0.2em 0.3em;
	margin : 0 0 0.2em 0;
}

.color{
	border : 1px solid #cfcfcf;
	background-image : url(/assets/gfx/light-fade.gif);
	background-repeat : repeat-x;
	text-align : center;
	font-size : 11px;
	font-weight : bold;
	padding : 0.2em 0.3em 0.2em 0.3em;
	margin : 0 0 0.2em 0;
}

.productInput{
	border : 1px solid #cfcfcf;
	font-size : 11px;
	padding : 1px;
	margin : 0;
}

.fullWidth{
	width : 100%;
}

.nomargin{
	margin : 0 0 0 0;
}

.productTable{
	
}
.productimage{
	margin :  0 1em 0 0;
	border : 1px solid black;
}

.itemSeperator{
	width : 21px;
	height : 225px;
	background-image : url(/assets/gfx/itemSeperator.gif);
	background-repeat : repeat-y;
	background-position : 50% 0%;
	float : left;
}
.itemSeperator2{
	width : 21px;
	height : 180px;
	background-image : url(/assets/gfx/itemSeperator.gif);
	background-repeat : repeat-y;
	background-position : 50% 0%;
	float : left;
}
.itemSeperatorShort{
	width : 21px;
	height : 200px;
	background-image : url(/assets/gfx/itemSeperator.gif);
	background-repeat : repeat-y;
	background-position : 50% 0%;
	float : left;
}
.itemSeperator2Short{
	width : 21px;
	height : 180px;
	background-image : url(/assets/gfx/itemSeperator.gif);
	background-repeat : repeat-y;
	background-position : 50% 0%;
	float : left;
}
.linedivider{
	clear : both;
	height : 4px;
	margin : 5px 0 5px 0;
}

.productTable{
	width : 100%;
}

TD.ImageCell{
	width : 160px;
	text-align : left;
}

.back{
	font-size : 75%;
	color : #620303;
	text-align : right;
	margin : 0 5px 1em 0;
}

.enlarge{
	font-size : 75%;
	color : #620303;
	text-align : center;
	margin : 0 5px 1em 0;
}

#shoppingCart{
	background-image : url(/assets/gfx/basket-icon.gif);
	background-repeat : no-repeat;
	background-position : 160px 0px;
	margin : 0 2px 1em 0;
	font-family : Tahoma, Arial, Helvetica, sans-serif;
}

#shoppingCart UL{
	margin : 0 0 0 0;
	padding : 0 0 0 0;
}
#shoppingCart UL LI{
	margin : 0 0 0 0;
	padding : 0 0 0 25px;
	list-style : none;
	background-image : url(/assets/gfx/h2-dots.gif);
	background-repeat : no-repeat;
	background-position : 7px 2px;
	font-size : 75%;
	text-align : left;
}
#shoppingCart UL LI A{
	margin : 0 0 0 0;
	padding : 0 0 0 0;
	color : #333;
	border-bottom : none;
	border-right : none;
	background-color : transparent;
	background-image : none;
	background-repeat : none;
	display : block;
	text-decoration : none;
	font-size : 100%;
}
#shoppingCart UL LI A:hover
{
	color : #900;
}

.tandcs{
	font-size : 80%;
}

#shoppingCart .emptyBasket{
	font-size : 80%;
	color : #333;
	padding : 5px 5px 5px 5px;
	margin : 0 0 1em 0;
	text-align : center;
	font-weight: bold;
	border-top : 1px solid #ccc;
	border-bottom : 1px solid #ccc;
	background-color : #f0f0f0;
}
#shoppingCart Table{
	font-size : 11px;
	width : 100%;
	margin : 0 0 5px 0;
}
#shoppingCart Table TH{
	color : #3d5555;
	font-weight : bold;
	text-align : left;
}
#shoppingCart Table TD{
	color : #333;
	font-weight : normal;
	border-bottom : 1px dotted #ccc;
	text-align : left;
	padding : 0 0 2px 0;
	vertical-align : bottom;
}
#shoppingCart Table TH.item,
#shoppingCart Table TD.item{
	width : 135px;
}
#shoppingCart Table TD A{
	color : #333;
	text-decoration : none;
}
#shoppingCart Table TD A:hover{
	color : #900;
	text-decoration : none;
}
#shoppingCart Table TH.price,
#shoppingCart Table TD.price{
	width : 35px;
	border : none;
	background-image : none;
}
#shoppingCart Table TD.price{
	border-bottom : 1px dotted #ccc;
}


#shoppingCart Table TD.totalTitle{
	border-bottom : none;
	font-weight : bold;
	color : #900;
}
#shoppingCart Table TD.totalPrice{
	border-bottom : none;
	font-weight : bold;
	color : #900;
}

#basketform{
	display : inline;
}

#basketform TABLE{
	width : 100%;
	margin : 0 0 1em 0;
	border : none;
	background-color : white;
}


#basketform Table TH{
	font-weight : bold;
	text-align : left;
}
#basketform Table TD{
	color : #333;
	font-weight : normal;
	text-align : left;
	padding : 0 0 2px 0;
	vertical-align : top;
	background-color : white;
}
#basketform Table TH.item,
#basketform Table TD.item{
	border-bottom : 1px dotted #ccc;
}
#basketform Table TD A{
	color : #333;
	text-decoration : none;
}
#basketform Table TD A.amountChange{
	color : #900;
	font-weight: normal;
}
#basketform Table TD A:hover{
	color : #900;
	text-decoration : none;
}
#basketform Table TH.price,
#basketform Table TD.price{
	width : 35px;
}
#basketform Table TD.totalTitle{
	border-bottom : none;
	font-weight : bold;
	color : #900;
	padding : 6px 0 2px 0;
}
#basketform Table TD.totalPrice{
	border-bottom : none;
	font-weight : bold;
	color : #900;
	padding : 6px 0 2px 0;
}

.formContainer TABLE{
	width : 100%;
	margin : 0 0 1em 0;
	border : none;
	background-color : white;
}


.formContainer Table TH{
	font-weight : bold;
	text-align : left;
}
.formContainer Table TD{
	color : #333;
	font-weight : normal;
	border-bottom : 1px dotted #ccc;
	text-align : left;
	padding : 0 0 2px 0;
	vertical-align : top;
	background-color : white;
}
.formContainer Table TH.item,
.formContainer Table TD.item{

}
.formContainer Table TD A{
	color : #333;
	text-decoration : none;
}

.formContainer Table TD A:hover{
	color : #900;
	text-decoration : none;
}



form.standardForm input.oneLineTextInput,
form.standardForm textarea,
form.standardForm #captchabox{
	width : 475px;
	border : 1px solid #ccc;
	background-color : #f0f0f0;
	padding : 2px 0.3em 2px 0.3em;
	font-family : Arial, Helvetica, sans-serif;
	margin : 0 0 0.8em 0;
	font-size : 100%;
	color : #900;
}
 
form.standardForm textarea.mediumTextArea{
	height : 10em;
	margin-bottom : 1em;
}

form.standardForm textarea.largeTextArea{
	height : 20em;
}

form.standardForm div.formRow {
	padding : 0.2em;
	margin : 0 0 0.6em 0;
	clear : both;
}

input.requiredField,
select.requiredField,
textarea.requiredField{
	background-color : White;
}

form.standardForm label{
	display : inline;
}

.requiredIcon{
	vertical-align : text-top;
}

.dataTable{
	vertical-align : top;
	width : 100%;
	border : 1px solid black;
	border-collapse : collapse;
	margin : 0 0 1em 0;
}
.dataTable TD{ 
	vertical-align : top;
	border : 1px solid black;
	border-collapse : collapse;
	padding : 1px 3px 1px 3px;
}
.dataTable TH{ 
	vertical-align : top;
	border : 1px solid black;
	border-collapse : collapse;
	background-color : #006100;
	color : white;
	padding : 1px 3px 1px 3px;
	font-weight : normal;
	text-align : left;
}
.dataTable TH.alt{ 
	vertical-align : top;
	border : 1px solid black;
	border-collapse : collapse;
	background-color : #ededed;
	color : black;
}
.dataTable TH.alt2{ 
	vertical-align : top;
	border : 1px solid black;
	border-collapse : collapse;
	background-color : #CFCFCF;
	color : black;
}

.dataTable TH.centered,
.dataTable TD.centered{
	text-align : center;
}

.formTitle{
	font-weight: bold;
	font-size : 120%;
	margin : 0 0 8px 0;
}

.boxed{
	background-color : #f5f5f5;
	border : 1px solid #ccc;
	padding : 1em;
}

input[type="text"]:disabled {
  background-color: #aaaaaa;
}


* html div.boxout { 
	overflow: hidden;
	display: inline-block;
}

div.boxout{
	border : 1px solid #666666;
	padding : 1em;
	margin : 0 0 1em 1em;
	position : relative;
	z-index : 1;
	width : 180px;
	float: right;
}
div.boxout div.tlCorner{
	background-image : url(/assets/gfx/tlCorner.gif);
	background-repeat : no-repeat;
	position : absolute;
	top : -1px;
	left : -1px;
	width : 10px;
	height : 10px;
	z-index : 2000;
}
div.boxout div.trCorner{
	background-image : url(/assets/gfx/trCorner.gif);
	background-repeat : no-repeat;
	position : absolute;
	top : -1px;
	right : -1px;
	width : 10px;
	height : 10px;
	z-index : 2000;
}
div.boxout div.blCorner{
	background-image : url(/assets/gfx/blCorner.gif);
	background-repeat : no-repeat;
	position : absolute;
	bottom : -1px;
	left : -1px;
	width : 10px;
	height : 10px;
	z-index : 2000;
	font-size : 0;
}
div.boxout div.brCorner{
	background-image : url(/assets/gfx/brCorner.gif);
	background-repeat : no-repeat;
	position : absolute;
	bottom : -1px;
	right : -1px;
	width : 10px;
	height : 10px;	
	z-index : 2000;
	font-size : 0;
}

.boxout IMG{
	margin : 0 auto 1em auto;

}

.boxout H2, .menuBoxout H2{
	color : #006100;
	font-family : Trebuchet MS, Arial, Helvetica, sans-serif;
	font-size : 120%;
}
.boxout H2 EM, .menuBoxout H2 EM{
	color : #a21212;
	font-style : normal;
}