BODY
{   PADDING-RIGHT: 0px;
    PADDING-LEFT: 0px;
    FONT-SIZE: 10pt;
    PADDING-BOTTOM: 0px;
    MARGIN: 0px;
    WIDTH: 100%;
    COLOR: #333333;
    PADDING-TOP: 0px;
    HEIGHT: 100%
}
H3
{   FONT-SIZE: 11px; 
    COLOR: #666666;
    TEXT-ALIGN: left;
    TEXT-DECORATION: none
}
.h3sep
{   FONT-SIZE: 11px; 
    COLOR: #666666;
    FONT-WEIGHT: bold;
    TEXT-ALIGN: left;
    BORDER-BOTTOM: #aec803 2px solid;
    TEXT-DECORATION: none
}

HTML
{
    PADDING-RIGHT: 0px;
    PADDING-LEFT: 0px;
    PADDING-BOTTOM: 0px;
    MARGIN: 0px;
    WIDTH: 100%;
    COLOR: #333333;
    PADDING-TOP: 0px;
    HEIGHT: 100%
}
.MainBODY
{
    BACKGROUND-IMAGE: url(images/new_main_bg.gif);
    BACKGROUND-REPEAT: repeat;
    FONT-FAMILY: Arial, Helvetica, sans-serif;
    BACKGROUND-COLOR: #ffffff
}
#wrap
{
	MIN-WIDTH: 970px;
    MARGIN: 0px auto;
    WIDTH: 85%;
    BACKGROUND-COLOR: #ffffff
}

#header
{
    BACKGROUND: #ffffff;
    VERTICAL-ALIGN: bottom;
    OVERFLOW: hidden;
    HEIGHT: 84px
}
#header H1
{
    PADDING-RIGHT: 5px;
    PADDING-LEFT: 5px;
    PADDING-BOTTOM: 5px;
    MARGIN: 0px;
    PADDING-TOP: 5px
}
#nav
{
    MIN-WIDTH: 0px;
    PADDING-LEFT: 15px;
    BACKGROUND-IMAGE: url(images/nav_bg.gif);
    PADDING-BOTTOM: 7px;
    PADDING-TOP: 3px;
    BACKGROUND-COLOR: #000000
}
#wrap #main #path A
{
    FONT-WEIGHT: bold;
    COLOR: #abc018
}
#wrap #main H2
{
    BORDER-BOTTOM: #aec803 5px solid
}
#nav UL
{
    PADDING-RIGHT: 0px;
    PADDING-LEFT: 0px;
    PADDING-BOTTOM: 0px;
    MARGIN: 0px;
    VERTICAL-ALIGN: middle;
    COLOR: #ffffff;
    PADDING-TOP: 0px;
    LIST-STYLE-TYPE: none
}
#nav LI
{
    BORDER-RIGHT: #777978 1px solid;
    PADDING-RIGHT: 0px;
    DISPLAY: inline;
    PADDING-LEFT: 0px;
    PADDING-BOTTOM: 0px;
    MARGIN: 0px;
    COLOR: #ffffff;
    PADDING-TOP: 0px;
    FONT-FAMILY: Arial, Helvetica, sans-serif
}
#nav A
{
    PADDING-RIGHT: 10px;
    PADDING-LEFT: 10px;
    FONT-WEIGHT: bold;
    FONT-SIZE: 12px;
    COLOR: #efefef;
    TEXT-DECORATION: none
}
#nav A:hover
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 12px;
    BACKGROUND-IMAGE: url(images/hover_bg.gif);
    PADDING-BOTTOM: 6px;
    COLOR: #ffffff;
    PADDING-TOP: 6px;
    TEXT-DECORATION: none
}
#main
{
    PADDING-RIGHT: 10px;
    BACKGROUND-POSITION: right top;
    PADDING-LEFT: 10px;
    FLOAT: left;
    BACKGROUND-IMAGE: url(images/content_separator.gif);
    PADDING-BOTTOM: 10px;
    WIDTH: 75%;
    PADDING-TOP: 10px;
    BACKGROUND-REPEAT: no-repeat;
    BACKGROUND-COLOR: #ffffff
}
#main_full 
{
	float:left;
	background-color: #FFFFFF;
	padding-top: 10px;
	padding-right: 20px;
	padding-bottom: 10px;
	padding-left: 20px;
	background-repeat: no-repeat;
	background-position: right top;
}

#sidebar
{
    PADDING-RIGHT: 20px;
    FLOAT: right;
    WIDTH: 20%;
    PADDING-TOP: 29px;
    BACKGROUND-COLOR: #ffffff
}
#sidebar UL
{
    MARGIN-BOTTOM: 0px
}
#sidebar H3
{
    PADDING-RIGHT: 10px;
    PADDING-LEFT: 0px;
    PADDING-BOTTOM: 0px;
    PADDING-TOP: 0px
}
#sidebar P
{
    PADDING-RIGHT: 10px;
    PADDING-LEFT: 0px;
    PADDING-BOTTOM: 0px;
    PADDING-TOP: 0px
}
#footer
{
    CLEAR: both;
    PADDING-RIGHT: 15px;
    PADDING-LEFT: 15px;
    PADDING-BOTTOM: 5px;
    PADDING-TOP: 5px;
    BORDER-TOP: #666666 1px solid;
    BACKGROUND-COLOR: #cccccc
}

#footer P
{
    PADDING-RIGHT: 5px;
    PADDING-LEFT: 5px;
    FONT-SIZE: 12px;
    PADDING-BOTTOM: 5px;
    MARGIN: 0px;
    PADDING-TOP: 5px
}
#slogan
{
    PADDING-RIGHT: 25px;
    FLOAT: right;
    WIDTH: 45%;
    PADDING-TOP: 40px
}
#logo
{
    PADDING-LEFT: 25px;
    FLOAT: left;
    PADDING-BOTTOM: 15px;
    WIDTH: 45%;
    PADDING-TOP: 20px
}
#greyline
{
    PADDING-RIGHT: 5px;
    PADDING-LEFT: 5px;
    PADDING-BOTTOM: 5px;
    PADDING-TOP: 5px;
    BACKGROUND-COLOR: #cccccc
}
.info_box_content
{
    BORDER-RIGHT: #85a301 1px solid;
    PADDING-RIGHT: 20px;
    BACKGROUND-POSITION: 20px center;
    BORDER-TOP: #85a301 1px solid;
    PADDING-LEFT: 60px;
    FONT-WEIGHT: bold;
    FONT-SIZE: 12px;
    BACKGROUND-IMAGE: url(images/icon_info.gif);
    PADDING-BOTTOM: 20px;
    BORDER-LEFT: #85a301 1px solid;
    COLOR: #fdfff3;
    PADDING-TOP: 20px;
    BORDER-BOTTOM: #85a301 1px solid;
    BACKGROUND-REPEAT: no-repeat;
    BACKGROUND-COLOR: #adc800;
    TEXT-ALIGN: left;
    TEXT-DECORATION: none
}
.small_box_top
{
    PADDING-RIGHT: 7px;
    PADDING-LEFT: 7px;
    FONT-WEIGHT: bold;
    FONT-SIZE: 12px;
    BACKGROUND-IMAGE: url(images/grey_small_bg.gif);
    PADDING-BOTTOM: 7px;
    COLOR: #616161;
    PADDING-TOP: 7px;
    BACKGROUND-REPEAT: repeat-x;
    FONT-FAMILY: Arial;
    BACKGROUND-COLOR: #cccccc
}
.small_box_content
{
    BORDER-RIGHT: #b8b8b8 1px solid;
    BORDER-TOP: #b8b8b8 1px solid;
    FONT-SIZE: 11px;
    BORDER-LEFT: #b8b8b8 1px solid;
    COLOR: #666666;
    BORDER-BOTTOM: #b8b8b8 1px solid;
    BACKGROUND-COLOR: #efefef;
    TEXT-ALIGN: left;
    WIDTH: 100%;
    TEXT-DECORATION: none
}
.frame_box_content
{
    BORDER-RIGHT: #b8b8b8 1px solid;
    BORDER-TOP: #b8b8b8 1px solid;
    FONT-SIZE: 11px;
    BORDER-LEFT: #b8b8b8 1px solid;
    WIDTH: 100%;
    COLOR: #666666;
    BORDER-BOTTOM: #b8b8b8 1px solid;
    BACKGROUND-COLOR: #efefef;
    TEXT-ALIGN: left;
    TEXT-DECORATION: none
}
.new_call td {
				width: 10%;
				PADDING: 5px;
                border-bottom-width: 1px;
                border-bottom-style: dotted;
                border-bottom-color: #999999;
}

.new_call {
                font-size: 11px;
                background-color: #fbfcf5;
                border-top-width: 1px;
                border-right-width: 1px;
                border-left-width: 1px;
                border-top-style: dotted;
                border-right-style: dotted;
                border-left-style: dotted;
                border-top-color: #999999;
                border-right-color: #999999;
                border-left-color: #999999;
}

.new_call_history td {
				PADDING: 5px;
                border-bottom-width: 1px;
                border-bottom-style: dotted;
                border-bottom-color: #999999;
}

.new_call_history {
                font-size: 11px;
                background-color: #fbfcf5;
                border-top-width: 1px;
                border-right-width: 1px;
                border-left-width: 1px;
                border-top-style: dotted;
                border-right-style: dotted;
                border-left-style: dotted;
                border-top-color: #999999;
                border-right-color: #999999;
                border-left-color: #999999;
}

.mugshot
{
    BORDER-RIGHT: #b8b8b8 1px solid;
    BORDER-TOP: #b8b8b8 1px solid;
    FONT-SIZE: 11px;
    BORDER-LEFT: #b8b8b8 1px solid;
    COLOR: #666666;
    BORDER-BOTTOM: #b8b8b8 1px solid;
    BACKGROUND-COLOR: #efefef;
    TEXT-ALIGN: left;
    TEXT-DECORATION: none
}
.large_table_top
{
    PADDING-RIGHT: 7px;
    BACKGROUND-POSITION: right 50%;
    PADDING-LEFT: 7px;
    FONT-WEIGHT: bold;
    FONT-SIZE: 12px;
    BACKGROUND-IMAGE: url(images/grey_small_bg.gif);
    PADDING-BOTTOM: 7px;
    COLOR: #616161;
    PADDING-TOP: 7px;
    BACKGROUND-REPEAT: repeat-x;
    BACKGROUND-COLOR: #cccccc
}
.large_table_content
{
    BORDER-RIGHT: #b8b8b8 1px solid;
    BORDER-TOP: #b8b8b8 1px solid;
    FONT-SIZE: 11px;
    BORDER-LEFT: #b8b8b8 1px solid;
    WIDTH: 100%;
    COLOR: #666666;
    BORDER-BOTTOM: #b8b8b8 1px solid;
    BACKGROUND-COLOR: #ffffff;
    TEXT-ALIGN: left;
    TEXT-DECORATION: none
}
.large_table_cell
{
    PADDING-RIGHT: 7px;
    PADDING-LEFT: 7px;
    PADDING-BOTTOM: 7px;
    PADDING-TOP: 7px;
    BACKGROUND-COLOR: #efefef
}
.grey_small_box_top
{
    PADDING-RIGHT: 7px;
    BACKGROUND-POSITION: right 50%;
    PADDING-LEFT: 7px;
    FONT-WEIGHT: bold;
    FONT-SIZE: 12px;
    BACKGROUND-IMAGE: url(images/small_grey_top.gif);
    PADDING-BOTTOM: 7px;
    COLOR: #616161;
    PADDING-TOP: 7px;
    BACKGROUND-REPEAT: no-repeat;
    BACKGROUND-COLOR: #cccccc
}
.grey_small_callfunction
{
    BORDER-RIGHT: #b8b8b8 1px solid;
    PADDING-RIGHT: 7px;
    BACKGROUND-POSITION: right 50%;
    BORDER-TOP: #b8b8b8 1px solid;
    MARGIN-TOP: 5px;
    PADDING-LEFT: 7px;
    FONT-WEIGHT: bold;
    FONT-SIZE: 12px;
    BACKGROUND-IMAGE: url(images/small_grey_top.gif);
    MARGIN-BOTTOM: 5px;
    PADDING-BOTTOM: 7px;
    BORDER-LEFT: #b8b8b8 1px solid;
    COLOR: #616161;
    PADDING-TOP: 7px;
    BORDER-BOTTOM: #b8b8b8 1px solid;
    BACKGROUND-REPEAT: no-repeat;
    BACKGROUND-COLOR: #cccccc
}
.grey_small_box_content
{
    BORDER-RIGHT: #b8b8b8 1px solid;
    PADDING-RIGHT: 7px;
    BORDER-TOP: #b8b8b8 1px solid;
    PADDING-LEFT: 7px;
    FONT-SIZE: 11px;
    PADDING-BOTTOM: 7px;
    BORDER-LEFT: #b8b8b8 1px solid;
    COLOR: #666666;
    PADDING-TOP: 7px;
    BORDER-BOTTOM: #b8b8b8 1px solid;
    BACKGROUND-COLOR: #efefef;
    TEXT-ALIGN: left;
    TEXT-DECORATION: none
}
.orange_small_box_top
{
    PADDING-RIGHT: 7px;
    BACKGROUND-POSITION: right 50%;
    PADDING-LEFT: 7px;
    FONT-WEIGHT: bold;
    FONT-SIZE: 12px;
    BACKGROUND-IMAGE: url(images/small_orange_top.gif);
    PADDING-BOTTOM: 7px;
    COLOR: #ffffff;
    PADDING-TOP: 7px;
    BACKGROUND-REPEAT: no-repeat;
    BACKGROUND-COLOR: #ff6600
}
.orange_small_box_content
{
    BORDER-RIGHT: #c45003 1px solid;
    BORDER-TOP: #c45003 1px solid;
    FONT-SIZE: 11px;
    BORDER-LEFT: #c45003 1px solid;
    COLOR: #5e3b1f;
    BORDER-BOTTOM: #c45003 1px solid;
    BACKGROUND-COLOR: #f2ac7d;
    TEXT-ALIGN: left;
    TEXT-DECORATION: none
}
#wrap #sidebar .orange_small_box_content A
{
    COLOR: #ffffff
}
.yellow_small_box_top
{
    PADDING-RIGHT: 7px;
    BACKGROUND-POSITION: right 50%;
    PADDING-LEFT: 7px;
    FONT-WEIGHT: bold;
    FONT-SIZE: 12px;
    BACKGROUND-IMAGE: url(images/small_yellow_top.gif);
    PADDING-BOTTOM: 7px;
    COLOR: #ffffff;
    PADDING-TOP: 7px;
    BACKGROUND-REPEAT: no-repeat;
    BACKGROUND-COLOR: #ff6600
}
.yellow_small_box_content
{
    BORDER-RIGHT: #bc8800 1px solid;
    BORDER-TOP: #bc8800 1px solid;
    FONT-SIZE: 11px;
    BORDER-LEFT: #bc8800 1px solid;
    COLOR: #5e3b1f;
    BORDER-BOTTOM: #bc8800 1px solid;
    BACKGROUND-COLOR: #fdd774;
    TEXT-ALIGN: left;
    TEXT-DECORATION: none
}
#wrap #sidebar .yellow_small_box_content A
{
    COLOR: #ffffff
}
#wrap #sidebar H3
{
    BACKGROUND-POSITION: 50% bottom;
    FONT-WEIGHT: normal;
    FONT-SIZE: 11px;
    BACKGROUND-IMAGE: url(images/dot_grey_bg.gif);
    COLOR: #666666;
    BACKGROUND-REPEAT: repeat-x
}
#timetop
{
    FONT-SIZE: 11px;
    COLOR: #333333
}
#path
{
    FONT-SIZE: 11px;
    COLOR: #333333
}
#contacts_details
{
    FONT-SIZE: 11px;
    FLOAT: right;
    VERTICAL-ALIGN: top;
    WIDTH: 45%
}
#wrap #footer TABLE
{
    FONT-SIZE: 11px
}
.boldlet
{
    FONT-WEIGHT: bold;
    COLOR: #fb7408
}
#wrap #footer A
{
    COLOR: #333333
}
.anylinkcss
{
    BORDER-RIGHT: black 1px solid;
    BORDER-TOP: black 1px solid;
    Z-INDEX: 100;

    VISIBILITY: hidden;
    FONT: 12px/18px Verdana;
    BORDER-LEFT: black 1px solid;
    WIDTH: 205px;
    COLOR: #ffffff;
    BORDER-BOTTOM: black 0px solid;
    POSITION: absolute;
    TOP: 0px;
    BACKGROUND-COLOR: #000000;

}
.anylinkcss A
{
    BORDER-RIGHT: black 1px solid;
    PADDING-RIGHT: 0px;
    DISPLAY: block;
    PADDING-LEFT: 2px;
    FONT-WEIGHT: normal;
    PADDING-BOTTOM: 1px;
    WIDTH: 100%;
    TEXT-INDENT: 7px;
    PADDING-TOP: 1px;
    BORDER-BOTTOM: #4d4d4d 1px solid;
    TEXT-DECORATION: none
}
.anylinkcss A:link
{
    COLOR: #eeeeee;
    BACKGROUND-COLOR: #000000
}
.anylinkcss A:visited
{
    COLOR: #eeeeee
}
.anylinkcss A:active
{
    COLOR: #000000
}
.anylinkcss A:hover
{
    COLOR: #000000;
    BACKGROUND-COLOR: #76b900
}
.small_box_content A:active
{
    COLOR: #666666;
    TEXT-DECORATION: none
}
.small_box_content A:link
{
    COLOR: #666666;
    TEXT-DECORATION: none
}
.small_box_content A:visited
{
    COLOR: #666666;
    TEXT-DECORATION: none
}
.small_box_content A
{
    COLOR: #666666;
    TEXT-DECORATION: none
}
.small_box_content A:hover
{
    COLOR: #666666;
    TEXT-DECORATION: underline
}
.small_box_content IMG
{
    COLOR: #666666;
    TEXT-DECORATION: none
}
EM
{
    FONT-WEIGHT: bold;
    TEXT-TRANSFORM: uppercase
}
IMG
{
    BORDER-RIGHT: 0px;
    BORDER-TOP: 0px;
    BORDER-LEFT: 0px;
    BORDER-BOTTOM: 0px
}
.large_table_content A
{
    COLOR: #666666;
    TEXT-DECORATION: none
}
.large_table_content A:hover
{
    COLOR: #666666;
    TEXT-DECORATION: underline
}
.grey_small_callfunction A
{
    COLOR: #666666;
    TEXT-DECORATION: none
}
.grey_small_callfunction A:hover
{
    COLOR: #666666;
    TEXT-DECORATION: underline
}
.hand
{
    CURSOR: hand;
    TEXT-DECORATION: underline
}
.button
{
    BORDER-RIGHT: #666666 1px solid;
    BORDER-TOP: #666666 1px solid;
    BORDER-BOTTOM: #666666 1px solid;
    BORDER-LEFT: #666666 1px solid;
    FONT-WEIGHT: bold;
    WIDTH: 100px;
    HEIGHT: 30px
}
.sbox
{
    BORDER-RIGHT: #666666 1px solid;
    BORDER-TOP: #666666 1px solid;
    BORDER-BOTTOM: #666666 1px solid;
    BORDER-LEFT: #666666 1px solid;

    FONT-SIZE: 12px;
    FONT-FAMILY: Arial, Helvetica, sans-serif;
    BACKGROUND-COLOR: #ffffff;
}

.sboxsmall
{
    BORDER-TOP: #666666 1px solid;
    BORDER-BOTTOM: #666666 1px solid;
    BORDER: 0px;
    WIDTH: 100%;
    FONT-SIZE: 10px;
    FONT-FAMILY: Arial, Helvetica, sans-serif
}


.trigger
{
    CURSOR: pointer
}

.expanded
{
    BACKGROUND-IMAGE: none;
    CURSOR: pointer;
    BACKGROUND-REPEAT: repeat;
    BACKGROUND-COLOR: gainsboro
}
.expanded:hover
{
    BACKGROUND: #eef;
    CURSOR: pointer
}
.show
{
    POSITION: static
}
.hide
{
    LEFT: -999em;
    OVERFLOW: hidden;
    WIDTH: 100px;
    POSITION: absolute;
    HEIGHT: 1px
}



/* BASKET STYLE */


.purchasingmain{
	width:90%; 	/* Center alignment */
	text-align:left;
	background-color:#FFFFFF;
	padding: 10px;
	margin: 0px;
	font-family: Arial, Helvetica, sans-serif;
}

.leftpurchasing {	/* Left column of the page */
	width:65%;
	float:left;
	padding-right:5px;
	padding-left:40px;
	padding-top: 0px;
	margin-top: 0px;
	text-align:left;
}

.leftpurchasing h3 img
{
	border:none;
	text-align: center;
	vertical-align: text-bottom;
	padding-top: 0.3em;
	padding-left: 0.3em;
	padding-right: 0.3em;
}


.leftpurchasing h3 {
	font-size: 18px;
	font-weight: bold;
	background-image: url(basket/images/bg_h3_dotable_orange.gif);
	background-repeat: repeat-x;
	background-position: bottom;
	color: #c2cd23;
	padding-bottom: 5px;
	font-family: Arial, Helvetica, sans-serif;
}


.purchasing_header {
	width: 100%;
	border-bottom: 6px solid #c2cd23;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0;
	margin-top: 10;
	margin-right: 15;
	margin-bottom: 15px;
	margin-left: 15;
	padding-top: 3px;
	padding-right: 0;
	padding-bottom: 9px;
}


.purchasingmain .rightpurchasing #shopping_cart .shopping_cart_items #textfield {
	border: 1px solid #999999;
	font-size: 11px;
	color: #666666;
}


.shop_table td {
	padding: 10px;
	font-size: 11px;
	color: #666666;
	font-family: Arial, Helvetica, sans-serif;
}


.rightpurchasing {	/* right column, i.e. shopping cart column */
	font-family:Arial, Helvetica, sans-serif;
	width:250px;
	float:right;
	height:600px;
	padding-right:10px;
	border: 1px solid #dddddd;
	background-color: #efefef;
}


.purchasingmain .rightpurchasing #shopping_cart h3 {
	color: #666666;
}


#shopping_cart{	/* Shopping cart */
	font-size: 16px;
	color:#666666;
	margin:3px;
	padding:3px;
	font-weight: normal;	
}


.shopping_cart_items {	/* Shopping cart */
	font-size: 11px;
	margin:3px;
	padding:5px;
	font-weight: normal;	
}

.shopping_cart_items th {	/* Shopping cart */
	font-weight: normal;	
	padding:3px;
}

.product_container{	/* Div for each product */
	margin-right:7px;
	float:left;
	margin-top:3px;
	padding:2px;
	font-weight:bold;
}


.img_prod {	/* Float product images */
	border: 1px solid #EFEFEF;
	margin-right: 20px;
	margin-top: 10px;
}

.prod {
	padding-left: 5%;
	padding-right: 5%;
}


#dhtmltooltip{
	color: #FFFFFF;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	position: absolute;
	width: 170px;
	padding: 10px;
	background-color: #c2cd23;
	visibility: hidden;
	z-index: 100;
	/*Remove below line to remove shadow. Below line should always appear last within this CSS*/
	filter: progid:DXImageTransform.Microsoft.Shadow(color=gray,direction=120);
}


/* EXPAND ENGINE */


.triggerb
{
	cursor:pointer;	
	font-size: 18px;
}		

.triggerb:hover
{
	cursor:pointer;
	background:#fafafa;
	font-size: 18px;
}		

.expandedb
{
	background:#fafafa;
	cursor:pointer;
	font-size: 18px;
}

.expandedb:hover
{
	background:#fafafa;
	cursor:pointer;
	font-size: 18px;
}




/* EXPAND ENGINE */

/* BASKET STYLE */