body{
	margin: 0;
	line-height:12px;
	background-color: #FBCF8D;
}
#bg{
	width:780px;
	height:100%;
	margin:0 auto;
	background-color: #ffffff;
}

hr{
	width: 97%;
	height:1px;
	color: #006BB1;
}
br{
	height:10px;
}
.break{
clear:both;
padding:0;
margin:0;

}

.red{
	color: #990000
}
input, textarea{
	background-color: #CCCCCC;	
}

p{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #666666;
	padding-top:10px;
	padding-bottom:10px;
	margin-top: 0px;
	margin-right: 10px;
	margin-left: 0px;
	margin-bottom: 0px;
	line-height:14px;
}

.small{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #666666;
	padding-top:10px;
	padding-bottom:10px;
	line-height: 12px;
	margin-top: 0px;
	margin-right: 10px;
	margin-left: 0px;
	margin-bottom: 0px;
}
h1{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	color: #006BB1;
	padding-bottom: 5px;
	line-height: 18px;
	margin: 0;

}
#centrebar h1{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	color: #006BB1;
	padding-bottom: 10px;
	padding-left:20px;
	line-height: 18px;
}
#centrebar h2{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #222;
	padding-bottom: 10px;
	padding-left:20px;
	line-height: 18px;
}
.gcentre h1{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	color: #006BB1;
	margin-top:20px;
	margin-left:20px;
	line-height: 18px;
}
.whitecentre p{
	padding-left:20px;
	padding-bottom:10px;
	padding-top:0px;
	padding-right:20px;
}
.whitecentre3 p{
	padding-left:20px;
	padding-bottom:0px;
	padding-top:0px;
	padding-right:20px;
}
.whitecentre3 ul{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #555;
	font-weight: bold;
}
.whitecentre3 li{
	padding-bottom:5px;
}
.image{
	padding-left:20px;
	padding-bottom:0px;
	padding-top:10px;
}
.link{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #555;
	border-bottom:1px dashed #888;
	padding-top:0;
	padding-bottom:10px;
	margin-top:0px;
	margin-bottom:20px;
	margin-right:20px;
	margin-left:20px;
	text-align: right;
}
h2{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #ffffff;
	padding-top: 5px;
	padding-left:10px;
	padding-bottom: 5px;
	line-height: 14px;
	margin: 0;
}
img.block{
	float:right;
	margin:5px;
}

#top{
 	width: 761px;
	height: 125px;
	margin: 0 auto;
	clear: both;
	display: block;
}

#top_buttons{
	width: 761px;
	height: 21px;
	background: url(parts/headers_02.jpg) no-repeat;
	font: 10px Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	font-weight: bold;
	text-transform: uppercase;
}
#top_buttons a {
	float: right;
	text-decoration: none;
	padding-right:20px;
	padding-left:20px;
	color: #FFFFFF;
	border-right: 1px solid #ffffff;
}

#top_buttons a:hover {
	color: #e3f4b0;	
	text-decoration:underline;
}
#top_buttons a2 {
	float: right;
	text-decoration: none;
	padding-right:10px;
	padding-left:10px;
	color: #FFFFFF;
	border-left: 1px solid #ffffff;
}
#top_buttons a2:hover {
	color: #e3f4b0;	
	text-decoration:underline;
}


#footer{
 	width: 761px;
	height:4em;
	margin: 0 auto;
	clear:both;
	display:block;
	padding-bottom:50px;
}
.footwidth{
padding:0;
margin:0;

}
#top_footer{
 	width: 761px;
	margin: 0 auto;
	padding-bottom: 10px;
	clear: both;
	display: block;
}

#centre{
	width: 761px;
	padding-bottom: 10px;
	margin: 0 auto;
}
#leftbar{
	width: 150px;
	float: left;
	margin-left: 0;
	margin-right: 0;
	padding-bottom: 10px;
}
#centrebar{
	width:441px;
	float: left;
	margin-left: 10px;
	padding-bottom: 10px;
}

#rightbar{
	width: 150px;
	margin-left: 10px;
	float: right;
	padding-bottom: 10px;
	padding-right:0;
	padding-left:0;
}
#rightbar img{
	border:none;
}

 /* --page numbers -- */
 .pagenumber{
 	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #666666;
 	margin-right:45px;
	text-align:right;
 }
.pagenumber a{
	color: #006BB1;
	text-decoration:none;
  }
.pagenumber a:hover{
	color: #666666;
	text-decoration:underline;
	font-weight: bold;
  }

/* -- outlined green box -- */
.t {background: #e3f4b0 url(parts/top.gif) 0 0 repeat-x; width: 150px}
.t2 {background: #e3f4b0 url(parts/top.gif) 0 0 repeat-x; width: 441px}
.b {background: transparent url(parts/bottom.gif) 0 100% repeat-x}
.l {background: transparent url(parts/left.gif) 0 0 repeat-y}
.r {background: transparent url(parts/right.gif) 100% 0 repeat-y}
.bl {background: transparent url(parts/bl.gif) 0 100% no-repeat}
.br {background: transparent url(parts/br.gif) 100% 100% no-repeat}
.tl {background: transparent url(parts/tl.gif) 0 0 no-repeat}
.tr {background: transparent url(parts/tr.gif) 100% 0 no-repeat;}
.t p {
	text-align:center;
	padding-top:10px;
	padding-bottom:10px; 
	padding-right:0px; 
	padding-left:10px;  
}
 
 /* -- outlined white box -- */
.whitecentre {background: transparent url(parts/white_l.gif) repeat-y; width:441px; float:right; background-position: left; padding-top:20px}
.whitecentre2 {background: transparent url(parts/white_l.gif) repeat-y; width:761px; float:right; background-position: left;}
.whitecentre3 {background: transparent url(parts/white_l.gif) repeat-y; width:441px; float:right; background-position: left;}
.white_t {background: #ffffff url(parts/white_t.gif); width: 150px; height:10px; padding:0}
.white_t2 {background: #ffffff url(parts/white_t.gif) repeat-x; width: 421px; height:10px; float:left; padding:0; background-position: top;}
.white_t3 {background: #ffffff url(parts/white_t.gif) repeat-x; width: 741px; height:10px; float:left; padding:0; background-position: top;}
.white_b {background: #ffffff url(parts/white_b.gif) repeat-x; width: 421px; height:10px; float:left; padding:0; background-position: top;}
.white_b2 {background: #ffffff url(parts/white_b.gif) repeat-x; width: 741px; height:10px; float:left; padding:0; background-position: top;}
.white_l {background: transparent  url(parts/white_l.gif) repeat-y; float:left; background-position: left; padding:0}
.white_r {background: #ffffff  url(parts/white_r.gif) repeat-y; float:right; background-position: right; padding:0}
.white_bl {background: #ffffff url(parts/white_bl.gif) no-repeat; width: 10px; height: 10px; float:left; padding:0; background-position:top;}
.white_br {background: #ffffff url(parts/white_br.gif) no-repeat; width: 10px; height: 10px; float:left; padding:0; background-position: top;}
.white_tl {background: #ffffff url(parts/white_tl.gif) no-repeat; width: 10px; height: 10px; float:left; padding:0; background-position: top;}
.white_tr {background: #ffffff url(parts/white_tr.gif) no-repeat; width: 10px; height: 10px; float:left; padding:0; background-position: top;}

 
 /* -- blue box corners -- */
.blue_t {background: #006BB1 url(parts/blue_horz.gif) 0 0 repeat-x; width: 150px}
.blue_t2 {background: #006BB1 url(parts/blue_horz.gif) 0 0 repeat-x; width: 421px}
.blue_b {background: transparent url(parts/blue_horz.gif) 0 100% repeat-x; width: 150px}
.blue_b2 {background: transparent url(parts/blue_horz.gif) 0 100% repeat-x; width: 761px}
.blue_l {background: transparent url(parts/blue_vert.gif) 0 0 repeat-y}
.blue_l2 {background: transparent url(parts/blue_vert.gif) 0 0 repeat-y}
.blue_r {background: transparent url(parts/blue_vert.gif) 100% 0 repeat-y}
.blue_r2 {background: transparent url(parts/blue_vert.gif) 100% 0 repeat-y}
.blue_bl {background: #006BB1 url(parts/blue_bl.gif) 0 100% no-repeat}
.blue_br {background: transparent url(parts/blue_br.gif) 100% 100% no-repeat}
.blue_tl {background: transparent url(parts/blue_tl.gif) 0 0 no-repeat}
.blue_tr {background: transparent url(parts/blue_tr.gif) 100% 0 no-repeat}


.g_top{
	height:auto;
	width:441px;
	padding:0;
	margin:0;
	float:left;
}
.middle{

	height: auto;
	width:441px;
	padding:0;
	margin:0;
	float:left;
}
.bottom{
	width:441px;
	height:10px;
	padding:0;
	margin:0;
	float:left;
}

 /* -- gallery main box -- */
.gallery_t {background: #D1D3D4 url(parts/grey_bg.gif); width: 150px; height:10px}
.gallery_t2 {background: #D1D3D4 url(parts/grey_bg.gif); width: 421px; height:10px; float:left}
.gallery_b {background: #D1D3D4 url(parts/grey_bg.gif); width: 421px; height:10px; float:left}
.gallery_b2 {background: #D1D3D4 url(parts/grey_bg.gif); width: 761px}
.gallery_l2 {background: transparent url(parts/white_l.gif) 0 0 repeat-y}
.gallery_r2 {background: transparent url(parts/white_l.gif) 100% 0 repeat-y}
.gallery_l {background: transparent url(parts/white_l.gif) 0 0 repeat-y}
.gallery_r {background: transparent url(parts/white_r.gif) 0 0 repeat-y}
.gcentre {background: #D1D3D4 url(parts/grey_bg.gif); width: 441px; height: auto; float:left}
.gallery_tl {background: #D1D3D4 url(parts/grey_tl.gif) no-repeat; width: 10px; height: 10px; float:left}
.gallery_tr {background: #D1D3D4 url(parts/grey_tr.gif) no-repeat; width: 10px; height: 10px; float:left}
.gallery_bl {background: #D1D3D4 url(parts/grey_bl.gif) no-repeat; width: 10px; height: 10px; float:left; background-position: bottom;}
.gallery_br {background: #D1D3D4 url(parts/grey_br.gif) no-repeat; width: 10px; height: 10px; float:left; background-position: bottom;}

 /* --  main box -- */
.main_t {background: #EEF4DC url(parts/main_bg.gif); width: 150px; height:10px}
.main_t2 {background: #EEF4DC url(parts/main_bg.gif); width: 421px; height:10px; float:left}
.main_b {background: url(parts/main_bg.gif); width: 421px; height:10px; float:left}
.main_b2 {background: url(parts/main_bg.gif); width: 761px}

.main_centre {background: #D1D3D4 url(parts/main_bg.gif); width: 431px; height: auto; float:left; padding-left:10px}
.main_tl {background: #EEF4DC url(parts/main_tl.gif) no-repeat; width: 10px; height: 10px; float:left}
.main_tr {background: #EEF4DC url(parts/main_tr.gif) no-repeat; width: 10px; height: 10px; float:left}
.main_bl {background: url(parts/main_bl.gif) no-repeat; width: 10px; height: 10px; float:left}
.main_br {background: url(parts/main_br.gif) no-repeat; width: 10px; height: 10px; float:left}

 /* -- menu items -- */
#leftbar ul {
list-style-type: none;
padding: 0;
margin: 0;
}
#leftbar li {
font: 10px/16px Arial, Helvetica, sans-serif;
margin-bottom: 3px;
margin-left: 1px;
margin-right: 1px;
padding: 0;
background-color: #e3f4b0;
text-transform: uppercase;
}
#leftbar a {
display: block;
padding-left:10px;
padding-right:0px;
padding-top:0px;
padding-bottom:0px;
height: auto;
width: 138px;
text-decoration: none;

}

#leftbar p {
padding-left:10px;

}
#leftbar a:hover {
background-color: #4caeee;
color: #000000;
}

#leftbar h3 {
	font: 10px Arial, Helvetica, sans-serif;
	margin-bottom: 3px;
	margin-left: 1px;
	margin-right: 1px;
	margin-top:2px;
	padding-left: 10px;
	padding-top: 3px;
	padding-bottom: 3px;
	background-color: #006BB1;
	text-transform: uppercase;
	color: #e3f4b0;
	font-weight: bold;
}




.hoverbox{
	list-style: none;
}

.hoverbox a{
	margin:0;
	padding-bottom:20px;
	text-decoration:none;
}

.hoverbox ul{
	margin:0;
	padding:0;
	list-style:none;
}

.hoverbox a .preview{
	display: none;
	margin:0;
	padding:0;
}

.hoverbox a:hover .preview{
	display: block;
	position: absolute;
	top: -7px;
	left: -40px;
	z-index: 1;
}

.hoverbox img{
	background: #fff;
	border-color: #aaa #ccc #ddd #bbb;
	border-style: solid;
	border-width: 1px;
	width: 100px;
	height: 100px;
}


.hoverbox li{
	background: #eee;
	border-color: #ddd #bbb #aaa #ccc;
	border-style: solid;
	border-width: 1px;
	margin-left: 0px;
	margin-right: 25px;
	margin-top: 0px;
	margin-bottom: 25px;
	position: relative;
	float: left;
	height: 140px;

}

.hoverbox .preview{
	border-color: #000;
	width: 180px;
	height: 135px;
	border-style: solid;
	border-width: 1px;
	margin:0;
	padding:0;
}

.hoverbox p{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #666666;
	text-align: center;
	margin: 0;
	width: 100px;
	height: auto;
}



.middle hr {clear: left; height:100%;
  visibility: hidden;	
}


 /* -- square card hover -- */
 .hover_sq{
	list-style: none;
}

.hover_sq a{
	margin:0;
	padding-bottom:20px;
	text-decoration:none;
}

.hover_sq ul{
	margin:0;
	padding:0;
	list-style:none;
}

.hover_sq a .preview{
	display: none;
	margin:0;
	padding:0;
}

.hover_sq a:hover .preview{
	display: block;
	position: absolute;
	top: -25px;
	left: -25px;
	z-index: 1;
}

.hover_sq img{
	background: #fff;
	border-color: #aaa #ccc #ddd #bbb;
	border-style: solid;
	border-width: 1px;
	width: 100px;
	height: 100px;
}


.hover_sq li{
	background: #eee;
	border-color: #ddd #bbb #aaa #ccc;
	border-style: solid;
	border-width: 1px;
	margin-left: 0px;
	margin-right: 25px;
	margin-top: 0px;
	margin-bottom: 25px;
	position: relative;
	float: left;
	width: 100px;
	height: 135px;

}

.hover_sq .preview{
	border-color: #000;
	width: 150px;
	height: 150px;
	border-style: solid;
	border-width: 1px;
	margin:0;
	padding:0;
}

.hover_sq p{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #666666;
	text-align: center;
	margin: 0;
	width: 100px;
	height: auto;
}

 /* -- slim card hover -- */
 .hover_slim{
	list-style: none;
}

.hover_slim a{
	margin:0;
	padding-bottom:20px;
	text-decoration:none;
}

.hover_slim ul{
	margin:0;
	padding:0;
	list-style:none;
}

.hover_slim a .preview{
	display: none;
	margin:0;
	padding:0;
}
.hover_slim a .preview_two{
	display: none;
	margin:0;
	padding:0;
}

.hover_slim a:hover .preview{
	display: block;
	position: absolute;
	top: -25px;
	left: -12px;
	z-index: 1;
}
.hover_slim a:hover .preview_two{
	display: block;
	position: absolute;
	top: 15px;
	left: -85px;
	z-index: 1;
}

.hover_slim img{
	background: #fff;
	border-color: #aaa #ccc #ddd #bbb;
	border-style: solid;
	border-width: 1px;
	position: relative;
	top: 5px;
	left: 12px;
	width: 50px;
	height: 117px;
}


.hover_slim li{
	background: #eee;
	border-color: #ddd #bbb #aaa #ccc;
	border-style: solid;
	border-width: 1px;
	margin-left: 0px;
	margin-right: 15px;
	margin-top: 0px;
	margin-bottom: 25px;
	position: relative;
	float: left;
	width:75px;
height:150px;

}

.hover_slim .preview{
	border-color: #000;
	width: 100px;
	height: 234px;
	border-style: solid;
	border-width: 1px;
	margin:0;
	padding:0;
}
.hover_slim .preview_two{
	border-color: #000;
	width: 234px;
	height: 100px;
	border-style: solid;
	border-width: 1px;
	margin:0;
	padding:0;
}

.hover_slim p{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #666666;
	text-align: center;
	margin: 0;
	width: 75px;
	height: 40px;
}


 /* -- card hover -- */
 .hover_card{
	list-style: none;
}

.hover_card a{
	margin:0;
	padding-bottom:20px;
	text-decoration:none;
}

.hover_card ul{
	margin:0;
	padding:0;
	list-style:none;
}

.hover_card a .preview{
	display: none;
	margin:0;
	padding:0;
}
.hover_card a .preview_two{
	display: none;
	margin:0;
	padding:0;
}

.hover_card a:hover .preview{
	display: block;
	position: absolute;
	top: -25px;
	left: -25px;
	z-index: 1;
}

.hover_card a:hover .preview_two{
	display: block;
	position: absolute;
	top: 10px;
	left: -40px;
	z-index: 1;
	width: 120px;
	height: 170px;
}

.hover_card img{
	background: #fff;
	border-color: #aaa #ccc #ddd #bbb;
	border-style: solid;
	border-width: 1px;
	width: 100px;
	height: 144px;
}


.hover_card li{
	background: #eee;
	border-color: #ddd #bbb #aaa #ccc;
	border-style: solid;
	border-width: 1px;
	margin-left: 0px;
	margin-right: 25px;
	margin-top: 0px;
	margin-bottom: 25px;
	position: relative;
	float: left;
	width: 100px;
	height: 184px;

}

.hover_card .preview{
	border-color: #000;
	width: 150px;
	height: 216px;
	border-style: solid;
	border-width: 1px;
	margin:0;
	padding:0;
}
.hover_card .preview_two{
	border-color: #000;
	width: 180px;
	height: 135px;
	border-style: solid;
	border-width: 1px;
	margin:0;
	padding:0;
}

.hover_card p{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #666666;
	text-align: center;
	margin: 0;
	width: 100px;
	height: auto;
}

#orderform #tabletwo {
font-size:12px;
}

#centrebar p{
margin:0 0 10px 0;
}

#bulk img{
margin:0 0 20px 20px;
border:0;
outline:none
}

#bulk a{
border:0;
outline:none
}

#hosting a{
	text-align:left;
font-size: 8pt;
font-family: Verdana, Arial, Helvetica, sans-serif;
color: #333333;
font-weight: normal;
text-decoration: none;
 }
 
#hosting a:hover{
font-size: 8pt;
font-family: Verdana, Arial, Helvetica, sans-serif;
color: #333333;
font-weight: normal;
text-decoration: underline;
}
#footer_hosting {
	float:right;
	padding-right:10px;
	vertical-align:text-top;
}
.hosting .tr {
	background-color:#333;
}