body {
        margin:0px;	
        background-color: #000;
	background-image: url(../styleImages/backgrounds/boxTitleBg.jpg);	
}
.container {
        background:#fff; 
        color:#000; 
        margin:7px 7px;
        margin-bottom: 7px;
}
 
.rtop, .rbottom {
        display:block;
        background:#000;
}

.rtop *, .rbottom * {
        display: block;
        height: 1px;
        overflow: hidden;
        background:#fff;
}

.r1{margin: 0 5px}
.r2{margin: 0 3px}
.r3{margin: 0 2px}
.r4 {
        margin: 0 1px;
        height: 2px
}

.dateclass{
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 75%;
    font-weight: bold;
}

#pageSurround {
        width:990px;
        margin-bottom: 20px;
	padding: 3px;
	border: 0px solid #333333;
	background-color: #FFFFFF;
}
#topHeader {
	height: 21px;
	margin-bottom: 2px;
        align: center;
	background-color: #EAEAEA;
	background-image: url(../styleImages/backgrounds/top_header.jpg);
	background-repeat: repeat-x;
	background-position: left top;	
}
#vtopleft {
	height: 70px;
	margin: 0px auto;
	padding-top: 3px;
        padding-right: 3px;
        padding-left: 3px;
	background-color: #FFFFFF;
	color: #FFFFFF;	
	text-align: center;	
	vertical-align: middle;

}
#vtop {
        width: 100px;
	height: 70px;
	margin: 0px auto;
	padding-top: 8px;
        padding-right: 3px;
	border: 0px solid #333333;
	background-color: #FFFFFF;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 75%;
	font-weight: bold;
	color: #000000;	
	text-align: right;	
	vertical-align:middle;
}
#vtop_large 
{
        font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 235%;
	color: #000000;	
	padding-top: 18px;
}
.pdLeft 
{
    padding-left: 15px;
}
.pdRight
{
    padding-left: 15px;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 75%;
    font-weight: bold;
}

.boxTitleLeft, .boxTitleRight {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 75%;
	color: #FFFFFF;
	background-color: #031074;
	background-image: url(../styleImages/backgrounds/boxTitleBg.jpg);
	height: 14px;
	padding-left: 5px;
}
.boxTitleCategory {
	font-family: Arial;
	font-weight: bold;
	font-size: 77%;
	color: #FFFFFF;
	background-color: #000000;
	height: 18px;
	padding-left: 15px;
	padding-top: 4px;
}
.boxContentLeft, .boxContentRight {
	border: 0px solid #000000;
	background-color: #ffffff;
	padding-left: 0px;
	margin-bottom: 0px;
	padding-top: 1px;
	padding-bottom: 1px;
}
.boxCart {
	border: 0px solid #000000;
	background-color: #ffffff;
	padding-left: 5px;
	margin-bottom: 0px;
	padding-top: 3px;
	padding-bottom: 5px;
}
.colLeft {
	position: absolute;
	left: 0px;
	width: 204px; 
	padding-left: 3px;
	/*padding-right: 3px;*/
	float: left;
}

.colLeftTest {
        width: 205px;
        float: left;
}
.colMid {
	position: relative;
        left: 20%;
	width: 504px;
	float: center;
        margin: 0;
        padding-left: 3px;
	padding-right: 3px;
        padding; 1em;
}
.colMidTest {
	float: left;
        width: 520px;
}
.colRight {
	position: absolute;
        left : 73%;
        top : 120px;
	width: 255px; 
	padding-left: 5px;

}
.colRightTest {
        width: 200px;
        float: left;

}
.bulletTest {
       list-style: none;
}

.boxContent {
	padding: 3px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 75%;
	color: #333333;
	background-color: #FFFFFF;
	margin-top: 1px;
}
.boxContentCAT {
	border: 1px solid #000000;
	padding: 3px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 75%;
	color: #333333;
	background-color: #FFFFFF;
	margin-top: 1px;
}
.latest {
	border: 0px solid #000000;
        align: center;
	padding: 1px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 75%;
        font-style:italic;
	color: #333333;
	background-color: #FFFFFF;
	margin-bottom: 1px;
	margin-top: 1px;
}
.updatenews {
        font-family: Verdana, Arial, Helvetica, sans-serif;
        text-align: centre;  
        color: #FF0000;
        font-style:bold;
}
/* CHECKOUT PAGES */
.colLeftCheckout {
	position: relative;
	left: 0px;
	width: 204px; 
	padding-left: 3px;
	padding-right: 3px;
	float: left;
}
.colMainCheckout {
	position: relative;
	width: 563px;
	float: left;
}
/* END CHECK OUT PAGES */
.siteDocs {
	text-align:center;
	margin-top: 5px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10pt;
	color: #333333;
}
.pagination {
	text-align: right;
	padding-top: 5px;
	padding-bottom: 5px;
}
#subCats {
	background-color: #ffffff;
	text-align: center;
	border: 1px solid #C9CEFC;
	margin: 0px;
	padding: 3px;
	float: left;
	width: 387px;
}
.subCat {	
	text-align: center;
	padding: 8px;
	float: left;
	width: 110px;
	height: 70px;
}
.regSep{
	padding: 10px 0px 10px 0px;
	margin: 10px 0px 10px 0px;
	border-top: 1px solid #cccccc;
	border-bottom: 1px solid #cccccc;
}
.latestProds {
	float: left;
	text-align: center;
	width: 130px;
	height: 165px;
	border: 0px solid #000000;
	padding: 1px;
	margin: 1px;
        -moz-box-shadow: 3px 3px 3px #888;
        -webkit-box-shadow: 3px 3px 3px #888;
        box-shadow: 3px 3px 3px #888;
}

/* Tabs */
/* begin css tabs */

ul#tabnav { /* general settings */
text-align: right; /* set to left, right or center */
font: bold 11px Verdana, Arial, Helvetica, sans-serif; /* set font as desired */
border-bottom: 1px solid #100; /* set border COLOR as desired */
list-style-type: none;
padding: 3px 5px 3px 5px; /* THIRD number must change with respect to padding-top (X) below */
}

ul#tabnav li { /* do not change */
display: inline;
}

body#tab1 li.tab1, body#tab2 li.tab2, body#tab3 li.tab3, body#tab4 li.tab4 { /* settings for selected tab */
background-color: #fff; /* set background color to match above border color */
}

body#tab1 li.tab1 a, body#tab2 li.tab2 a, body#tab3 li.tab3 a, body#tab4 li.tab4 a { /* settings for selected tab link */
background-color: #fff; /* set selected tab background color as desired */
color: #000; /* set selected tab link color as desired */
position: relative;
top: 1px;
padding-top: 4px; /* must change with respect to padding (X) above and below */
}

ul#tabnav li a { /* settings for all tab links */
padding: 3px 4px; /* set padding (tab size) as desired; FIRST number must change with respect to padding-top (X) above */
border: 1px solid #100; /* set border COLOR as desired; usually matches border color specified in #tabnav */
background-color: #e00; /* set unselected tab background color as desired */
color: #100; /* set unselected tab link color as desired */
margin-right: 0px; /* set additional spacing between tabs as desired */
text-decoration: none;
border-bottom: none;
}

ul#tabnav a:hover { 
/* settings for hover effect */
background: #fff; /* set desired hover color */
}

/* end css tabs */