*
{
margin:0px; 
padding:0px;
}

body 
{
margin:0px;
padding:0px;
background:#000000 url(../styleImages/backgrounds/pageBg.jpg) repeat-x left top;
}

p
{
Line-height:20px;
}

#pageSurround 
{
width:1000px;
margin:0px auto;
height:auto;
background-color:#FFFFFF;
}

/*#subSurround 
{
background-image: url(../styleImages/backgrounds/contentBg.jpg);
background-repeat: repeat-x;
background-position: bottom;
}
*/
#topHeader 
{
height:255px;
background: url(../styleImages/backgrounds/topHeader.jpg) no-repeat center top;
}

.boxTitleLeft, .boxTitleRight 
{
font:bold 13px Arial, Helvetica, sans-serif;
color:#000;
line-height:35px;
text-transform:uppercase;
background:url(../styleImages/heading.jpg) no-repeat;
width:222px;
height:34px;
padding:1px 0px 0px 35px;
}

.boxContentLeft, .boxContentRight 
{
border-left:1px solid #49a8be;
border-right:1px solid #49a8be;
border-bottom:1px solid #49a8be;
background-color: #FFFFFF;
padding-left: 5px;
margin-bottom: 10px;
padding-top: 3px;
padding-bottom: 5px;
}

.colLeft 
{
/*position: relative;
left: 0px;*/
width:222px;
height:auto; 
padding:0px 0px 0px 10px;
float: left;
}

.colMid 
{
/*position: relative;
*/
width:748px; 
height:auto; 
float:right;
padding:0px 10px 0px 10px;
}

.colRight 
{
position: relative;
width: 160px; 
padding-left: 5px;
right: 9px;
float: right;
}

.boxContent 
{
/*	border-top: 1px solid #A8B4B0;
border-right: 1px solid #5E85CF;
border-bottom: 1px solid #5E85CF;
border-left: 1px solid #5E85CF;*/	
padding:10px 10px 0px 10px;
width:723px;
height:auto; 
background:url(../styleImages/main-heading.jpg) left top no-repeat;
margin:0px auto;
font:normal 12px Verdana, Arial, Helvetica, sans-serif;
color:#000;
text-align:left;
}

.boxContentS 
{
/*	border-top: 1px solid #A8B4B0;
border-right: 1px solid #5E85CF;
border-bottom: 1px solid #5E85CF;
border-left: 1px solid #5E85CF;*/	
padding:0px;
width:723px;
height:auto; 
/*background:url(../styleImages/main-heading.jpg) left top no-repeat;
*/margin:0px auto;
}

/* CHECKOUT PAGES */
.colLeftCheckout {
	position: relative;
	left: 0px;
	width: 160px; 
	padding-left: 9px;
	padding-right: 10px;
	float: left;
}
.colMainCheckout {
	position: relative;
	width: 558px;
	float: left;
}
/* END CHECK OUT PAGES */
/*.siteDocs 
{
text-align:center;
margin-top: 10px;
}*/

.top-link
{
margin:0px auto;
background:url(../styleImages/top-bg.jpg) repeat-x center top; 
height:42px; 
width:976px;
}

.nav .siteDocs
{
width:auto;
height:42px;
padding:0px 10px 0px 10px; 
float:left; 
font:bold 12px Verdana, Arial, Helvetica, sans-serif;
line-height:42px; 
color:#000; 
}

.nav .siteDocs a
{
font:bold 12px Verdana, Arial, Helvetica, sans-serif;
color:#000000;
text-decoration:none;
padding:0px 9px 0px 9px; 
}

.nav .siteDocs a:hover 
{
text-decoration:none;
}

.search 
{
float:right; 
width:277px; 
padding:0px 0px 0px 0px; 
margin:0px 10px 0px 0px; 
height:42px; 
background: url(../styleImages/search_bg.png) no-repeat right center;
}

.login
{
margin:0px auto;
width:976px; 
height:41px; 
background:url(../styleImages/blue-bg.jpg) no-repeat center top;
}

.copy {font-family:arial; font-size:12px; line-height:40px; color:#2E2D2D; text-align:center;}

.footer .siteDocs
{
margin:0px auto; 
padding:0px; 
background:url(../styleImages/footer.jpg) center top repeat-x; 
width:980px;
height:42px;
line-height:42px;
text-align:center;
}

.footer .siteDocs a
{
font:bold 12px Verdana, Arial, Helvetica, sans-serif;
color:#fff;
text-decoration:none;
padding:0px 10px 0px 10px; 
}

.footer .siteDocs a:hover 
{
color:#fff;
text-decoration:none;
}

.pagination {
	text-align: right;
	padding-top: 5px;
	padding-bottom: 5px;
}
#subCats {
	background-color: #EBEDFE;
	text-align: center;
	border: 1px solid #C9CEFC;
	margin: 10px;
	padding: 3px;
	float: left;
	width: 702px; 
}
.subCat {	
	text-align: center;
	padding: 8px;
	float: left;
	/*width: 110px;
	height: 50px;   */
}
.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:194px;
height:auto;
background:url(../styleImages/product-line.jpg) left top repeat-y;
margin:20px;
}

.product-heading 
{
width:194px; 
background:url(../styleImages/product-heading.jpg) left top no-repeat;
height:38px;
}

.txtproduct, a.txtProduct 
{
text-align:center;
font:bold 13px Arial, Helvetica, sans-serif;
color:#000;
line-height:38px;
text-decoration:none;
}

.txtProduct a:hover
{
text-decoration:underline;
}

.product-image
{ 
border:1px solid #B1DAEA; 
background-color:#FFFFFF; 
width:186px; 
height:50px;
margin:4px auto 0px auto;
padding:10px 0px 10px 0px;
}

.product-bottom-line
{ 
width:194px; 
height:8px; 
background:url(../styleImages/product-bottom-line.jpg) left bottom no-repeat;
}

#logo-container 
{
float:left;
display:block;
margin:20px 0px 0px 25px;
padding:0px 0px 0px 0px;
height:66px;
width:333px;
}
.navigation { display: none; }

.colLeft { margin-bottom: 13px!important; }
.boxTitleLeft.cat { border-radius: 0px; }
.boxTitleLeft.cat a { margin-right: 12px; display: block; color: #000; text-decoration: none; background:url(../styleImages/cat-plus.png) right center no-repeat; }
.boxTitleLeft.cat.active a { background:url(../styleImages/cat-minus.png) right center no-repeat; }

/*.boxContent table img { max-width: 100%!important; }
*/
/* responsive */
@media only screen and (min-width:768px) and (max-width:1170px){
.txtContentTitle { width: auto!important; }

.i3 { height: 200px; overflow: auto; }
.nav .siteDocs a { padding: 0 8px; }
.searchBtn { font-size: 11px!important; text-align: center!important; border-radius: 0px!important; }

#subCats { width: 100%; margin: 10px 0; padding: 3px 0; }

}

@media only screen and (min-width:768px) and (max-width:979px){

#pageSurround { width: 738px; }
.top-link { width: 728px; }
.login { width: 728px; }
.colMid { width: 465px; }
.boxContent { padding: 10px 0; width: 100%; background:url(../styleImages/main-heading2.jpg) left top no-repeat; }
.txtContentTitle { width: auto; }
.footer .siteDocs { width: 728px; }
.boxContentS { width: 465px; }
.latestProds { margin: 18px; }

#topHeader { background-size: 100% 100%; }
.nav .siteDocs a,.nav .siteDocs a:hover { font-size: 10px; padding: 0px; }
.search { width: 211px; margin-right: 0px; }
.searchBox { width: 68px; }
.txtSession { margin-left: 33px!important; font-size: 10px!important; }
#subSurround { width: 728px; margin: 0 auto; }

.txtproduct, a.txtProduct  { font-size: 12px; }

.txtDefault, a.txtDefault { font-size: 9px!important; }
.subCat { padding: 1px!important; }
/*.tblList .tdEven,.tdOdd { text-align: left!important; }
.tblList img { margin-left: 5px!important; margin-right: 5px!important; }*/

.tblList { width: 100%; display: block; }
.tblList td { padding: 0 2%; height: auto; width: 96%; display: block; text-align: center; }
.tblList td img { display: block; margin: 0 auto!important; } 
.tblList .tdEven, .tdOdd  { text-align: center!important; }
.tblList form { padding-top: 15px; }
#subCats { width: 99%; margin: 0px 0 10px 0; padding: 3px 0; }
}

@media only screen and (max-width:767px){

#pageSurround { width: 100%; }
.top-link { width: 96%; height: auto; overflow: hidden; background: #e3fbfd url(../styleImages/top-bg.jpg) repeat-x center top; }
.login { width: 100%; overflow: hidden; }
.colMid { padding: 0px; width: 100%; }
.boxContent { padding: 0px 0 10px 0px; width: 100%; background: none; }
.colMid .boxContent br { display: none; }
.txtContentTitle { margin-bottom: 12px!important; padding-left: 0px!important; display: block; float: none!important; width: auto!important; line-height: 36px!important; border-radius: 8px; background:url(../styleImages/main_head2.png) left top repeat-x; }
.txtContentTitle .txt-add { margin-left: 12px; padding-left: 40px; display: block; background:url(../styleImages/main_head1.png) left center no-repeat; }
.footer .siteDocs { width: 96%; }
.boxContentS { width: 100%; }
.latestProds { margin: 18px; float: none; display: inline-block; }
.boxContentS { text-align: center; }

#topHeader { background-size: 100% 100%; overflow: hidden; width: 100%; }

.search { width: 211px; margin-right: 0px; }
.searchBox { width: 68px; }
.txtSession { margin-left: 33px!important; font-size: 10px!important; }
#subSurround { width: 96%; margin: 0 auto; }
.i3 { height: 200px; overflow: auto; }
.latestProds { margin: 17px; } 

.login { overflow: hidden; }
.colLeft { padding: 0px; float: none; margin: 10px auto 0 auto; }

.footer .siteDocs a,.footer .siteDocs a:hover { padding: 0 2px; font-size: 9px; }
.txtCopyright, a.txtCopyright { padding-top: 15px!important; padding-bottom: 15px; }
.txtproduct, a.txtProduct { font-size: 10px; }
.one { position: absolute!important; right: 0px!important; text-align: left!important; }

.navigation { display: block; }
.nav .siteDocs { display: none; }
.navigation { padding-left: 10px; margin-bottom: 0px; font-weight: bold; display: block; font-size: 14px; color: #000; line-height: 36px; text-decoration: none; background: #3a9cb5; }
.navigation span { margin-right: 10px; display: block; background:url(../styleImages/nav_slot.png) right center no-repeat; }
.nav .siteDocs a,.nav .siteDocs a:hover { padding: 4px 0 4px 10px; display: block; font-size: 10px!important; }
.nav .siteDocs a.navigation,.nav .siteDocs a.navigation:hover { padding: 0px 0 0px 10px; }
.nav .siteDocs li:first-child a,.nav .siteDocs li:first-child a:hover { padding-top: 0px; }
.nav .siteDocs span { display: none; }
.nav .siteDocs { padding: 0px 0 5px 0; height: auto; background: #3a9cb5; width: 100%; }

p { padding-bottom: 8px; }  
#testimonials { display: none; }
#topHeader { height: 130px; }

.colLeft { width: 100%; }
.boxTitleLeft, .boxTitleRight { padding-left: 2%; width: 98%; border-radius: 12px 12px 0 0; background:url(../styleImages/box-top.jpg) left top repeat-x; }
.cartTotal { width: 99%!important; }
.boxContentLeft ul { padding-right: 5px!important; }
.latestProds { margin-left: 0px; margin-right: 0px; padding-bottom: 8px; width: auto; display: block; border-left: 1px solid #236681; border-right: 1px solid #236681; border-bottom: 1px solid #236681; background:url(../styleImages/box-top2.jpg) left top repeat-x; }
.latestProds br { display: none; }
.product-heading { background: none; }
.product-bottom-line { background: none; height: auto; }
.product-heading { width: 100%; }
.product-image { width: 94%; margin-top: 15px; margin-bottom: 10px; }

#subCats { width: auto; margin: 0px 0 10px 0; padding: 3px 0; }
#subCats .txtDefault,#subCats a.txtDefault { font-size: 9px!important; }
.subCat { padding: 1px!important; }
.tblList .tdEven,.tdOdd { text-align: left!important; }
.tblList img { margin-left: 5px!important; margin-right: 5px!important; }

.footer .adder1 { padding: 2px 0; border-top: 1px solid #166e9e; border-bottom: 1px solid #166e9e; width: 100%; margin: 0 auto 5px auto; overflow: hidden; }
.footer .adder1 .siteDocs { padding-bottom: 0px; padding-top: 0px; width: 100%; background: #166e9e none; height: auto; }
.cat-open { display: none; }
}

@media only screen and (max-width:600px){
.tblList { width: 100%; display: block; }
.tblList td { padding: 0 2%; height: auto; width: 96%; display: block; text-align: center; }
.tblList td img { display: block; margin: 0 auto!important; } 
.tblList .tdEven, .tdOdd  { text-align: center!important; }
.tblList form { padding-top: 15px; }
#subCats { width: 99%; margin: 0px 0 10px 0; padding: 3px 0; }
}

@media only screen and (min-width:320px) and (max-width:479px){
.latestProds { float: none; margin: 8px 0px; }
.one { width: 190px!important; margin-top: 17px!important; }
.i3 { height: 170px; }
.latestProds { float: none; margin: 17px auto; }
.footer .adder1 { padding: 2px 0; border-top: 1px solid #166e9e; border-bottom: 1px solid #166e9e; width: 100%; margin: 0 auto; overflow: hidden; }
.footer .adder1 .siteDocs { padding-bottom: 10px; padding-top: 10px; width: 100%; background: #166e9e none; height: auto; }
.footer .siteDocs a, .footer .siteDocs a:hover { font-size: 11px; }
.footer .siteDocs { line-height: 26px; }
.colMid { padding-top: 0px; }
.colMid br { display: none; }

.subCat { float: none; display: block; margin: 5px 0; }

.txtContentTitle { font-size: 12px!important; }

}