body {
	margin: 5px;
	background-color:#000000;
	
}
#pageSurround {
	width: 983px;
	margin: 0px auto;
	padding: 5px;
	
}
#subSurround {
	padding-left: 0px;
}
#topHeader {
	text-align: right;
	height: 414px;
	background-repeat: no-repeat;
	background-color: #000000;

}
#sessionBox {
	text-align: left;
	width: 320px;
	height: 96px;
	float: right;
	padding-right: 50px;
}
.topCats {
	text-align: center;
	background-image: url(../styleImages/backgrounds/back.gif);
	height: 32px;
	color: #ffffff;
	margin-bottom: 15px;
}
.topCatsBgRight {
	background-image: url(../styleImages/backgrounds/back.gif);
	background-repeat: no-repeat;
	background-position: right;
	height: 32px;
}
.topCatsBgLeft {
	float: left;
	background-image: url(../styleImages/backgrounds/back.gif);
	background-repeat: no-repeat;
	background-position: left;
	height: 32px;
}
.siteDocs {
	text-align: center;
	/*background-image: url(../styleImages/backgrounds/siteDocsBg.gif);*/
	height: 30px;
	color: #ffffff;
}
.siteDocsBgRight {
	/*background-image: url(../styleImages/backgrounds/siteDocsBgRight.gif);
	background-repeat: no-repeat;
	background-position: right;*/
	height: 30px;
}
.siteDocsBgLeft {
	float: left;
	/*background-image: url(../styleImages/backgrounds/siteDocsBgLeft.gif);
	background-repeat: no-repeat;
	background-position: left;*/
	height: 30px;
}
.boxTitleLeft, .boxTitleRight {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 70%;
	color: #000000;
	background-image: url(../styleImages/backgrounds/boxTitleBg.gif);
	width: 165px;
	height: 13px;
	padding-top: 2px;
	padding-left: 5px;
	background-repeat: no-repeat;
	font-weight: bold;
}
.boxFootLeft, .boxFootRight {
	background-image: url(../styleImages/backgrounds/boxFootBg.gif);
	width: 165px;
	height: 12px;
	padding-left: 5px;
	background-repeat: no-repeat;
	margin-bottom: 10px;
}
.boxContentLeft, .boxContentRight {
	border-left: 1px solid #CCCCCC;
	border-right: 1px solid #CCCCCC;
	background-color: #FFFFFF;
	padding-left: 5px;
	padding-top: 9px;
	padding-bottom: 5px;
	width: 162px;
}
.boxContent {
	/*border-top: 1px solid #cccccc;
	border-right: 1px solid #cccccc;
	border-bottom: 1px solid #cccccc;
	border-left: 1px solid #cccccc;*/
	padding: 3px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 75%;
	color: #333333;
	margin-bottom: 5px;
}
/* CHECKOUT PAGES 
.colLeftCheckout {
	position: relative;
	left: 0px;
	width: 160px; 
	padding-left: 9px;
	padding-right: 10px;
	float: left;
}
*/

/* END CHECK OUT PAGES */
.docBtnLeft {
	background-image: url(../styleImages/backgrounds/docBtnLeft.gif);
	width: 4px;
}
.docBtnRight {
	background-image: url(../styleImages/backgrounds/docBtnRight.gif);
	width: 4px;
}
.docBtnMid {
	background-color: #DDDDDD;
	padding: 0px 3px 0px 3px;
}

.pagination {
	text-align: right;
	padding-top: 5px;
	padding-bottom: 5px;
}



#subCats {
	background-color: #CCCCCC;
	text-align: center;
	/*border: 1px solid #C9CEFC;*/
	margin: 0px;
	float: left;
	/*width: 100%;*/
	/*padding: 5px;*/
}

.subCat {	
	text-align: center;/
	/*padding: 8px;*/
	float: left;
	width: 130px;
	height: 140px;
}

/*START: PRODUCT OVERVIEW SKIN*/
.prod_ov_top_left
{
	background-image: url(../styleImages/prod_ov_top_left.gif);
}

.prod_ov_top
{
	background-image: url(../styleImages/prod_ov_top.gif);
}

.prod_ov_top_right
{
	background-image: url(../styleImages/prod_ov_top_right.gif);
}

.prod_ov_left
{
	background-image: url(../styleImages/prod_ov_left.gif);
}

.prod_ov_inner
{
	background-color: #FFFFFF;
}

.prod_ov_right
{
	background-image: url(../styleImages/prod_ov_right.gif);
}

.prod_ov_bottom_left
{
	background-image: url(../styleImages/prod_ov_bottom_left.gif);
}

.prod_ov_bottom
{
	background-image: url(../styleImages/prod_ov_bottom.gif);
}

.prod_ov_bottom_right
{
	background-image: url(../styleImages/prod_ov_bottom_right.gif);
}

.prod_title
{
	font-family: 'Arial';
	font-size: 24px;
	font-weight: bold;
}

.prod_price
{
	font-family: 'Arial';
	font-size: 16px;
	font-weight: bold;
	height: 20px;
}

.prod_description
{
	font-family: 'Arial';
}
/*END PRODUCT OVERVIEW*/

.regSep{
	padding: 10px 0px 10px 0px;
	margin: 10px 0px 10px 0px;
	border-top: 1px solid #cccccc;
	border-bottom: 1px solid #cccccc;
}

.buttons_nav {
	background-image: url(../styleImages/buttons/button_cat.jpg);
	background-repeat: no-repeat;
	width:169px;
	height:33px;
	color:#000000;

	/*text-indent: 20px;*/
	text-align: center;
	color:#333333;
}

.buttons_nav2 {
	width:192px;
	height:30px;
	color:#000000;

	/*text-indent: 20px;*/
	text-align: left;
	color:#333333;
}

.latestProds {
	float: left;
	text-align: center;
	width: 131px;
	height: 120px;
}


/*
ViSTA TOOLBAR PLUGIN
*/

img{ border: 0pt; }

#bottom_div{
width: 520px;
height: 150px;
background-color: #b9d1ea;
clear:both;
}

#vista_toolbar{
float: left;
font:normal 16px 'Trebuchet MS','Arial';
font-weight: bold;
margin:0;
padding:0;
width: 100%;
}

#vista_toolbar ul {
/*background-image:url(../styleImages/vista/back.gif);*/
background-repeat:repeat-x;
float:left;
line-height:32px;
list-style:none;
margin:0;

width: 100%;
}

#vista_toolbar li{
display:inline;
padding:0;
text-align: center;
}

#vista_toolbar a {
color:#FFF; /* need because it will use default link color */
float:left;
padding:0 3px 0 3px; /* left 3 px because of left.png image */ 
text-decoration:none;
width: 130px;
text-align: center;
}

/*HOVER:*/
#vista_toolbar_active{
float:left;
padding:0 3px 0 3px; /* left 3 px because of left.png image */ 
text-decoration:none;
background: url(../styleImages/vista/left.gif) no-repeat left center;
color: #d3d685;
}

/*HOVER:*/
#vista_toolbar_active span{
float:left;
padding:0 3px 0 3px; /* left 3 px because of left.png image */ 
text-decoration:none;
background:url(../styleImages/vista/right.gif) no-repeat right center;
color: #d3d685;
}

#vista_toolbar a span {
display:block;
float:none;
padding:0 10px 0 7px;
}

#vista_toolbar a span img, #vista_toolbar_active a span img {
border:none;
margin:8px 4px 0 0;
}

/* show picture when mouse over link */
#vista_toolbar a:hover{
background: url(../styleImages/vista/left.gif) no-repeat left center;
color: #d3d685;
}

/*HOVER:*/
#vista_toolbar_active:hover{
/*background: url(../styleImages/vista/left.gif) no-repeat left center;
color: #d3d685;*/
}

#vista_toolbar a:hover span {
background:url(../styleImages/vista/right.gif) no-repeat right center;
}

/*HOVER:*/
#vista_toolbar_active:hover span {
/*background:url(../styleImages/vista/right.gif) no-repeat right center;*/
}

#vista_toolbar a.right {
float:right; /* for help button - just add class "right" ->  <a class="right"... */
}

.back_left
{
	background-image: url(../styleImages/backgrounds/back_left.gif);
	background-repeat: no-repeat;
}

.back_right
{
	background-image: url(../styleImages/backgrounds/back_right.gif);
	background-repeat: no-repeat;
}