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

body{
margin:0;
padding:0;
line-height: 1.5em;
}
form {
display:inline;
}
image { 
border:0px none;
}

#pagetop{
	width: 950px; /*Width of main container*/
	height:auto;
	margin: 0 auto; /*Center container on page*/
	padding-top:0px;
	border:0px solid #fff;
	margin-top:0px;
	z-index:1;
}
#maincontainer{
	width: 950px; /*Width of main container*/
	margin: 0 auto; /*Center container on page*/
	z-index:0;
	border:0px solid #FF0000;
}

#Bannerbar1{
	height: auto; /*Height of top section*/
	width:950px;
	height:200px;
	float:inherit;
	border:0px solid #FF0000;
}
#Toolbar1{
	height: 30px; /*Height of top section*/
	clear:left;
	width:950px;
	text-align:center;
	padding-top:0px;
	background:#005F99;
	font-family:Arial, Helvetica, sans-serif; 
	font-size:14px;
	font-weight:bold;
	color:#FFFFFF;
}
#Toolbar2{
	height: 30px; /*Height of top section*/
	background:#005F99;
	width:100%;
	float:inherit;
	margin-bottom:10px;
	text-align:center;
}



#contentwrapper{
	display:block;
	position:relative;
	width: 950px; /*Width of main container*/
	margin: 0 auto; /*Center container on page*/
	border:0px solid #F00;
	height:auto;
}
#contentcolumn{
	float:left;
	height:inherit;
	width: 520px;
	margin-top:9px;
	padding-top:5px;
	padding-left:5px;
	padding-right:5px;
	border:solid 0px #CC6633;
}
.contentcolumnbanner {
	display:block;
	padding-top:10px;
	width: 520px;
	height:40px;
	background-image: url(Img/ContentTop520.png);
	background-repeat: no-repeat;
	background-position: center top; 
}
#leftcolumn{
	float:left;
	height:inherit;
	width: 208px; /*Width of left column in pixel*/
	min-height:10px;
	background: #FFF;
	border:solid 0px #CC6633;
}
#rightcolumn{
	float:left;
	height:inherit;
	width: 208px; /*Width of left column in pixel*/
	min-height:10px;
	background: #FFF;
	border:solid 0px #CC6633;
}

.prodbox{
	display:block;
	float:left;
	height:auto;
	width: 520px; /*Width of left column in pixel*/
	text-transform: capitalize;
	margin-bottom:10px;
	margin-left:3px;
	border-bottom:1px #CCCCCC dotted;
}


#pagebottom{
	display:block;
	width: 950px; /*Width of main container*/
	height:55px;
	padding-top:5px;
	margin: 0 auto; /*Center container on page*/
	margin-bottom:10px;
	border:0px solid #00F;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color:#FFF;
	background-image: url(Img/PageFooter.jpg);
	background-repeat: no-repeat;
	background-position: center top;
}


.ColumnBox { 
width: 208px !important; /* intended total box width - padding-right(next) */
width: 208px; /* IE Win = width - padding */
padding-right: 5px; /* the gap on the right edge of the image (not content padding) */
} 
.ColumnBoxTop {
width:208px;
height:15px;
margin-left:0px;
background-image: url(Img/ColumnBoxTop.png);
background-repeat: no-repeat;
background-position: right bottom;
}
.ColumnBoxBody {
width:208px;
height:auto;
margin-left:0px;
background-image: url(Img/ColumnBoxBody.png);
background-position: right top;
z-index:1;
}
.ColumnBoxBottom {
width:208px;
height:30px;
margin-left:0px;
background-image: url(Img/ColumnBoxBottom.png);
background-repeat: no-repeat;
background-position: right top;
z-index:1;
}
.ColumnBoxContent {
width:180px;
height:auto;
margin-left:10px;
z-index:1;
border:0px solid #FF0000;
}

.ColumnBox250 { 
width: 250px !important; /* intended total box width - padding-right(next) */
width: 250px; /* IE Win = width - padding */
padding-right: 5px; /* the gap on the right edge of the image (not content padding) */
} 
#ColumnBoxTop250 {
width:250px;
height:15px;
margin-left:0px;
background-image: url(Img/ColumnBoxTop250.png);
background-repeat: no-repeat;
background-position: right bottom;
}
#ColumnBoxBody250 {
width:250px;
height:auto;
margin-left:0px;
background-image: url(Img/ColumnBoxBody250.png);
background-position: right top;
z-index:1;
}
#ColumnBoxBottom250 {
width:250px;
height:30px;
margin-left:0px;
background-image: url(Img/ColumnBoxBottom250.png);
background-repeat: no-repeat;
background-position: right top;
z-index:1;
}
#ColumnBoxContent250 {
width:230px;
height:auto;
margin-left:10px;
z-index:1;
border:0px solid #FF0000;
}

.HeaderBoxSmall{
width:208px;
height:40px;
margin-left:0px;
background-image: url(Img/HeaderBoxSmall.png);
background-repeat: no-repeat;
background-position:center top;
z-index:0;
border:0px solid #666666;  
}
.HeaderBoxSmallTxt {
width:208px;
padding-top:10px;
text-align:center;
font-family: Arial, Helvetica, sans-serif;
font-size: 14px;
font-weight: bold;
color:#FFFFFF;
text-decoration: none;
}
#HeaderBoxLarge{
width:530px;
height:40px;
margin-left:0px;
background-image: url(Img/HeaderBox.png);
background-repeat: no-repeat;
background-position:center top;
z-index:0;
}
.HeaderBoxLarge {
width:530px;
padding-top:10px;
text-align:center;
font-family: Arial, Helvetica, sans-serif;
font-size: 14px;
font-weight: bold;
color:#FFFFFF;
text-decoration: none;
}
.DashBorderTop {
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: dashed;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	border-top-color: #CCC;
	border-right-color: #CCC;
	border-bottom-color: #CCC;
	border-left-color: #CCC;
	margin:5px;
}
.DashBorderBottom {
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: dashed;
	border-left-style: none;
	border-top-color: #CCC;
	border-right-color: #CCC;
	border-bottom-color: #CCC;
	border-left-color: #CCC;
	margin:5px;
}

b{font-size: 110%;}
em{color: red;}




#topsection{
height:auto; /*Height of top section*/
width:948px;
	clear:left;
}

#topsection h1{
margin: 0;
padding-top: 5px;
}

#contentcolumnwide{
	float:left;
	height:inherit;
	width: 720px; /*Width of left column in pixel*/
	background: #FFF;
	padding:5px;
}


#contentfooter{
	clear: left;
	width: 100%;
	color: #000;
	text-align: center;
	padding: 4px 0;
}

#footer a{
color: #FFF;
}

.innertube{
margin: 5px; /*Margins for inner DIV inside each column (to provide padding)*/
margin-top: 0;
background:#FFF;
}


#headerboxleft{
	float:left;
	height:30px;
	padding-left:30px;
	padding-top:5px;
	width:500px;
}
#headerboxright{
	float:right;
	text-align:right;
	padding-right:20px;
	height:auto;
	width:100px;
	padding-top:5px;
}
#topbarbox{
	float:left;
	text-align:center;
	height:auto;
	width:189px;
}
#clientlogobox{
	float:left;
	height:auto;
	padding-left:5px;
	padding-top:0px;
	margin-top:-10px;
	width:500px;
}
#basketdisplay{
	float:right;
	padding-top:0px;
	text-align:left;
	height:auto;
	width:350px;
	border:0px solid #F00;
}
#banillabox{
	float:right;
	padding-top:20px;
	padding-right:5px;
	text-align:right;
	height:auto;
	width:250px;
	border:0px solid #F00;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: #333;
}

#prodboximg{
	display:block;
	float:left;
	height:auto;
	text-align: center;
}
#prodboxdetail{
	display:block;
	padding:5px;
	float:left;
	height:160px;
	text-align: left;
}
.smallproddisp {
max-width:125px;
max-height:124px;
}
#viewpackcontainer {
	display:block;
	float:left;
	height:auto;
	width: 100%; /*Width of left column in pixel*/
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	border-top-color: #CCC;
	border-right-color: #CCC;
	border-bottom-color: #CCC;
	border-left-color: #CCC;
	text-transform: capitalize;
	margin-bottom:20px;
}
#viewpackimagecontainer{
	display:block;
	padding:5px;
	float:left;
	width:auto;
	clear:left;
	height:auto;
	text-align: left;
	border:0px solid #009;
}
#viewpackimagelarge{
	display:block;
	padding:0px;
	float:left;
	width:300px;
	height:auto;
	min-height:150px;
	text-align: left;
	border:0px solid #CCC;
}
#viewpackimagesmall{
	display:block;
	margin:0px;
	float:left;
	width:auto;
	max-width:100px;
	height:auto;
	text-align: left;
	border:1px solid #CCC;
}
#viewpackdetails{
	display:block;
	padding:5px;
	float:right;
	width:160px;
	min-height:250px;
	text-align: left;
	border:0px solid #F00;
}
.cssbanner { 
    width: 900px !important; /* intended total box width - padding-right(next) */
    width: 900px; /* IE Win = width - padding */
    padding-right: 15px; /* the gap on the right edge of the image (not content padding) */
    margin: 0px auto; /* use to position the box */ 
} 
/* set the top-right image */ 
.cssbanner_head { 
    background-position: top right; margin-right: -15px; /* pull the right image over on top of border */
    padding-right: 20px; /* right-image-gap + right-inside padding */ 
} 

/* set the top-left image */ 
.cssbanner_head h3 { 
    background-position: top left; 
    margin: 0; /* reset main site styles*/ 
    border: 0; /* ditto */ 
    padding: 20px 0 10px 10px; /* padding-left = image gap + interior padding ... no padding-right */ 
    height: auto !important; height: 1%; /* IE Holly Hack */ 
} 

/* set the lower-left corner image */ 
.cssbanner_body { 
    background-position: bottom left; 
    margin-right: 5px; /* interior-padding right */ 
    padding: 5px 0 5px 20px; /* mirror .cssbox_head right/left */ 
} 

.cssbox { 
    width: 200px !important; /* intended total box width - padding-right(next) */
    width: 200px; /* IE Win = width - padding */
    padding-right: 5px; /* the gap on the right edge of the image (not content padding) */
    margin: 0px auto; /* use to position the box */ 

} 

/* set the top-right image */ 
.cssbox_head { 
    background-position: top right; margin-right: 5px; /* pull the right image over on top of border */
    padding-right: 5px; /* right-image-gap + right-inside padding */ 
} 

/* set the top-left image */ 
.cssbox_head h3 { 
    background-position: top left; 
    margin: 0; /* reset main site styles*/ 
    border: 0; /* ditto */ 
    padding: 10px 0 10px 10px; /* padding-left = image gap + interior padding ... no padding-right */ 
    height: auto !important; height: 1%; /* IE Holly Hack */ 
} 

/* set the lower-left corner image */ 
.cssbox_body {
	background-position: bottom left;
	margin-right: 5px; /* mirror .cssbox_head right/left */
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	border-top-color: #CCC;
	border-right-color: #CCC;
	border-bottom-color: #CCC;
	border-left-color: #CCC;
	padding-top: 5px;
	padding-right: 0;
	padding-bottom: 5px;
	padding-left: 10px;
	margin:5px;
} 
.menubox {
	background-position: bottom left;
	margin-right: 5px; /* mirror .cssbox_head right/left */
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: solid;
	border-left-style: none;
	border-top-color: #CCC;
	border-right-color: #CCC;
	border-bottom-color: #CCC;
	border-left-color: #CCC;
	padding-top: 5px;
	padding-right: 0;
	padding-bottom: 5px;
	padding-left: 10px;
	margin:5px;
} 
.headerboxright a {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #F00;
}

.dashborder {
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: dashed;
	border-left-style: none;
	border-top-color: #CCC;
	border-right-color: #CCC;
	border-bottom-color: #CCC;
	border-left-color: #CCC;
	margin:5px;
}
.dashborderright {
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: none;
	border-right-style: dashed;
	border-bottom-style: none;
	border-left-style: none;
	border-top-color: #CCC;
	border-right-color: #CCC;
	border-bottom-color: #CCC;
	border-left-color: #CCC;
	margin:5px;
}