/* ~~ This the css file for the Responsive Design of Virtual Eco from Ecommerce Templates.
The first section correponds to the maximum width version of 960 pixels ~~ */
body {
	font: 100%/1.5 Georgia, Arial, serif;
	background: #000;
	margin: 0;
	padding: 0;
	color: #000;
}

#container{
	width: 960px;
	background: #000;
	margin: 0 auto;
	background-color: #000;
	color: #000;
	align-content: center;
}

/* ~~ Header section ~~ */
#banner{
	background-color: #fff;
}

#banner h1{
	margin: 0;
	padding: .5em;
}

#header {
	background: #000;
}

#header .coname {
	width:550px;
	height:120px;
	padding-top: 0px;
	padding-bottom:5px;
	padding-left:5px;
	float:left;
	background:url(../old/images/newHalfstopLogo_Md.png) #000 no-repeat;
	align-content: center;
}

#header .hdrR {
	line-height: 1.1em;
	text-align: right;
	float:right;
	padding-right:16px;
	padding-top:16px;
	color: #666;
}
	
                                                 /* ~~ Content section ~~ */
#content{
	margin: 0 3em 0 260px;
}
#contentMiddle{
	text-align: center;
}

#contentMiddle h2 { 
	font-size: 2em;
	margin: 0;
	color:#ffffff;
}

#contentMiddle h2 a:link{
	text-decoration:none;
	color:#9DBC5F;
}

#contentMiddle h2v a:visited{
	text-decoration:none;
	color:#9DBC5F;
}

#contentMiddle h2 a:active{
	text-decoration:none;
	color:#fff;
}

#contentMiddle h2 a:hover {
	text-decoration:none;
	color: #fff;
}
#contentMiddle2{
	text-align: center
}



	                                              /* ~~ Footer sections ~~ */
#footer{
	clear: both;
	background-color: #669900;
	text-align: center;
}

div.footer1{
	clear: both;
	background-color: #669900;
	background-image: url(../old/images/ftr.jpg);
	width:960px;
	height:35px;
}

#footer2{
	clear: both;
	background-color: #fff;
	background-image: url(../old/images/ftrbg.gif);
	background-repeat: repeat-y;
}

#footer a, a:visited{
	text-decoration:none;
	color:#333;
}

#footer a:hover, a:active, a:focus { 
	text-decoration:underline;
	color:#ccc;
}

.news{
	color:#fff;
	float:left;
	width:300px;
	background-color: #669900;
	padding:10px;
}

.news1{
	color:#fff;
	float:left;
	width:299px;
	background-color: #669900;
	border-left: 1px dotted #fff;
	border-right: 1px dotted #fff;
	padding: 10px;
}

.news2{
	color:#fff;
	float:right;
	width:299px;
	background-color: #669900;
	padding: 10px;
}

#footer2 .ftr1{
	padding-left:10px;
	width:64px;
	background:#fff;
	float:left;
}

#footer2 .ftr2{
	padding-left:10px;
	width:200px;
	background:#fff;
	color:#666;
	float:right;
}

.foo{
	float:left;
	width:95px;
	padding-left:10px;
}

.foo1{
	float:left;
	width:250px;
	border-right: 1px dotted #666;
	padding: 10px;
	color: #666;
}

.foo2{
	float:left;
	width:172px;
	padding: 10px;
	border-right: 1px dotted #666;
	color: #666;
}

.foo3{
	color: #666;
	float:left;
	width:172px;
	padding: 10px;
	border-right: 1px dotted #666;
}

.foo4{
	color: #666;
	float:right;
	width:172px;
	padding: 10px;
}

h6{
	font-size: 1.2em;
	color: #666;
	margin:0px 0px 6px 0px;
	font-weight:bold;
}

#footer2 a, a:visited{
	text-decoration:none;
	color:#106F26;
}

#footer2 a:hover, a:active, a:focus { 
	text-decoration:underline;
	color:#333;
}

p.footer{
	font-size:0.9em;
	color: #666;
}

div.end{
	background-color: #fff;
	background-image: url(../old/images/ftrbtm.gif);
	width:960px;
	height:35px;
	clear: both;
}

                                            /* ~~ top address section ~~ */
h6{
	color: #6BE24D;
}

h3{
	font-size: .9em;
	letter-spacing: .2em;
	margin: 10px 0px 10px 0px;
	color:#9DBC5F;
}
h3 a:link{
	text-decoration:none;
	color:#9DBC5F;
}

h3 a:visited{
	text-decoration:none;
	color:#9DBC5F;
}

h3 a:active{
	text-decoration:none;
	color:#fff;
}

h3 a:hover {
	text-decoration:none;
	color: #fff;
}

p.address{
	font-size: 1.2em;
	margin: 0;
	color:#aaa;
}

                                              /* ~~ Top nav bar ~~ */
.topnav {
	padding-left:6px;
}

.topnav a:link{
	text-decoration:none;
	color:#669900;
}

.topnav a:visited{
	text-decoration:none;
	color:#669900;
}

.topnav a:active{
	text-decoration:none;
	color:#fff;
}

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

.leftend{
	float:left;
	background-image:  url(../old/images/leftend2.jpg);
	width:20px;
	height:53px;
}
	
.rightend{
	float:right;
	background-image:  url(../old/images/rightend2.jpg);
	width:20px;
	height:53px;
}

                                                        /* ~~ clear div ~~ */
.clr {
	clear: both;
	line-height: 0;
	font-size: 0;
	height: 0;
	border: none;
}

                                                        /* ~~ Left content ~~ */
.leftmenu{
	background:#AFCC76;
	border: 1px solid #333333;
	width:198px;
}
	
.sm{
	background: #000;
	text-align: center;
	width:200px;
	color: #666;
}
.sm2{
	background-image: url(../old/images/sunsets_back.jpg);
	background-position: bottom;
	text-align: center;
	width:198px;
	border: 1px;
	border-radius: 15px;
	color: #666;
	margin-top: 10px;
	margin-bottom: 10px;
	padding-bottom: 20px;
	padding-top: 10px;
	
}
.sm2 p{
}
	
                                            /* ~~ The navigation list styles ~~ */
ul.nav {
	list-style: none; 
	margin-bottom: 15px; 
	margin-top:0px;
	padding: 5px 5px 5px 5px;
	display: block; 
	width: 182px;
	color:#666;
	font-size: 0.9em;
}

ul.nav li {
	border-bottom: 1px solid #fff; 
}

ul.nav a:link { 
 	text-decoration: none;
	padding: 5px 5px 5px 5px;
	display: block; 
	width: 172px;
	color:#669900;
}

ul.nav a:visited { 
 	text-decoration: none;
	padding: 5px 5px 5px 5px;
	display: block; 
	width: 172px;
	color:#669900;
}

ul.nav a:active { 
 	text-decoration: none;
	padding: 5px 5px 5px 5px;
	display: block; 
	width: 172px;
}

ul.nav a:hover { 
	text-decoration: none;
	background:;
	color: #FFF;
}

                                                                  /* ~~ menu heading ~~ */
.menutop{
	background-image:  url(../old/images/menutop2.png);
	width:200px;
	height:18px;
	color: #FFF;
	font: 0.87em Tahoma, Arial, Helvetica, sans-serif;
	font-weight:bold;
	padding-left:12px;
	padding-top:2px;
	background-repeat:no-repeat;
}
.menubottom{
	background-image:  url(../old/images/menubottom2.png);
	width:200px;
	height:18px;
	color: #FFF;
	font: 0.87em Tahoma, Arial, Helvetica, sans-serif;
	font-weight:bold;
	padding-left:12px;
	padding-top:2px;
	background-repeat:no-repeat;
}

                                                              /* ~~ Link properties ~~ */
a:link{
	text-decoration:none;
	color:#669900;
}
a:visited{
	text-decoration:none;
	color:#669900;
}
a:active{
	text-decoration:none;
	color:#106F26;
}
a:hover, a:focus { 
	text-decoration:none;
	color:#fff;
}

                                                        /* ~~ store generated link properties ~~ */
a.ectlink:link{
	text-decoration:none;
	color:#669900;
}
a.ectlink:visited{
	text-decoration:none;
	color:#669900;
}
a.ectlink:active{
	text-decoration:none;
	color:#106F26;
}
a.ectlink:hover, a.ectlink:focus { 
	text-decoration:none;
	color:#fff;
}
	
                                                                    /*top search*/
form.searchform{
	margin:0;padding:0;
}

.search-box{
	background:url() no-repeat top left;
	height: 53px;
	padding: 10px 0 0 10px;
	width: 265px;
	float: left;
}

input.search-field{ 
	float: left;
	border:0;
	margin:0;
	padding: 3px 0px 0px 4px;
	height:18px;
	background: #000 url(../old/images/search-form2.png) no-repeat top left;
	width: 202px;
}

input.search-go { 
	float:left;
	border:0;
	margin:0;
	padding:0;
	margin-left: 5px;
	height: 21px;
	width: 21px;
	background: url(../old/images/search-icon.png) no-repeat top left;
	cursor: pointer;
}

input.search-go:hover{ 
	background:url(../old/images/search-icon.png) no-repeat bottom left;
}

/*Minicart properties*/
.mincart {
	width: 198px;
	font-size: 0.96em;
	background-color: #9DBC5F;
}

                                                          /*Horizontal rule*/
hr {
	height: 0;
	border-width: 1px 0 0 0;
	border-style: solid;
	border-color: #ECF3EC;
}

                                             /* ~~ Table backgrounds for cart, search etc ~~*/
table.cobtbl{
	background-color: #CAE5AE;
	width:94%;
	margin-left:8px;
} 

td.cobhl{
	background-color:#fff;
	font-weight: normal;
	color:#333;
	font-size:0.9em;
}

td.cobhdr{
       background-color: #669900;
       color:#fff;
}

td.cobll{
	background-color: #fff;
	color : #333;
	font-weight:normal;
	font-size:0.8em;
}


div.tofreeshipping{
       color:#396A3B !important;
}

td.cobll input,  textarea, select{
      border: 1px solid #999;
      border-radius:2px;
      padding:4px;
}

.cartdiscounts, .cartdiscountsamnt{
     color:#396A3B !important;
}


td.cobll input[type="image"]{
border:none;
}

td.cobll input[type="radio"]{
border:none;
}

span.cartoption{
	font-size:0.8em !important;
	color:#333;
}

div.giftwrap a{
  	color:#666;
  	font-size:0.8em;
  	text-decoration:none;
}

div.logintoaccount{
	text-align:left !important;
}

span.willpickup{
font-size:1.1em !important;
}

                                                          /*Thanks page*/
td.receiptoption{font-size:0.9em;}
td.receipthl{font-size:1em;}
td.receiptoption strong{font-weight:500;}
td.receiptheading{background:#F6F6F6;font-size:0.9em;color: #333;font-weight:normal !important;border-bottom: 1px solid #99CC46;border-top: 1px solid #99CC46;}
td.receiptheading strong{font-weight:500;}
hr.receipthr{display:none;}

                                                     /* ~~ Store buttons ~~*/
input.login, input.sccheckout, input.logintoaccount, input.search	{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1em;
	color: #fff;
	background: #669900;
	border: 1px solid #999;
	border-radius: 4px;
	cursor: pointer;
}

input.login:hover, input.sccheckout:hover, input.logintoaccount:hover, input.search:hover{
	background:#fff;
	color:#666;
}

/* The product page - view all the available classes at http://www.ecommercetemplates.com/help/css-layouts.asp
-------------------------------------*/
div.prodfilter{
	float:left;
	background-color:#F9F9F4;
	border: 1px dotted #D7D1C9;
	padding:6px;
	color: #42619a;
	margin-bottom:10px;
	margin-top:10px;
}

div.prodfilterbar{
	float:left;
	width:100%;
}

div.filtertext{
 	padding:8px;
}

select.prodfilter{
	padding:0px;
	margin:0px;
}

div.product{
	padding:6px;
	width:46%;
	float:left;
	height:180px;
	margin:2px;
}

div.prodnavigation{
	padding:10px 0px 10px 12px;
	float:left;
	width:96%;
	font-size:0.9em;
	background-color:#ddd;
	border-bottom: 1px solid #669900;
}

div.prodimage{
	padding: 6px;
	text-align:center;
	border:1px solid #ccc;
	background-color:#fefefe;
}

div.prodimage:hover{
	background-color:#fefefe;
	border: 1px solid #669900;
	box-shadow: 5px 5px 2px #ccc;
}


div.prodname{
	padding-top:6px;
	font-size: 1em;
}


div.prodprice{
	font-size: 1em;
	float:left;
	width:98%;
	color:#666;
	margin-top:-12px;
}

div.prodcurrency{
	float:left;
	width:100%;
	font-size: 0.7em;
	color:#666;
}

div.pagenums{
	text-align:center;
	float:left;
	padding:20px 0px 20px 0px;
}

                                       /* The product detail page-------------------------------------*/
div.detailprodnavigation{
	width:96%;
        margin-bottom:12px;
}

div.detailimage{
	width:190px;
	padding:10px;
	float:left;
} 


div.detailid {
	color:#666;
	width:59%;
	font-size: 0.9em;
	float:left;
}

div.detailname {
	font-size: 1.2em;
	float:right;
	width:67%;
	margin-top:10px;
  	margin-bottom:12px;
	border-bottom: 1px solid #ccc;
}

span.detaildiscountsapply{
	margin-left:36px;
        color:#669900;
        font-size:0.9em;
}

div.detaildiscounts{
	width:57%;
	color:#669900;
	float:left;
        font-size:0.9em;
margin-left:5px;
}

div.detailmanufacturer{
	float:left;
	width:60%;
	margin:0px;
	padding:0px;
        color:#666;
        font-size:0.9em;
}

div.detailsku{
	float:left;
	width:67%;
	margin:10px;
        color:#666;
}

div.detailinstock{
	float:right;
	width:67%;
}

div.detaildescription{
	font-size: 0.9em;
	margin:5px 0px;
	padding-top:4px;
	line-height:1.8em;
	float:right;
	width:67%;
}

div.detailprice{
	font-size: 1.2em;
	font-weight:bold;
	float:left;
	width:96%;
	color:#333;
	margin-left:10px;
}

div.detaillistprice{
	font-size: 1em;
	font-weight:normal;
	float:left;
	width:96%;
	padding:6px 0px;
	color:#DA6A1E;
	margin-left:10px;
}

div.detailcurrency{
	padding-top: 6px;
	font-size: 0.7em;
	float:left;
	width:96%;
	color:#666;
	margin-left:10px;
	border-bottom: 1px solid #ccc;
	padding-bottom:20px;
}

div.detailoption{
	width:100%;
}

div.detailoptions{
	padding: 6px;
	float:left;
	width:81%;
	margin-left:0px;
}

select.detailprodoption{
	font-size: 0.9em;
	width:50%;
	margin:7px;
	border:1px solid #ccc;
	padding:2px;
}

input.detailprodoption{
	font-size: 0.9em;
	margin:7px;
	border:1px solid #ccc;
        padding:2px;
}


div.detailoptiontext{
	padding: 6px;
	width:32%;
	float:left;
	clear:both;
}

div.detailmultioptiontext{
	padding: 6px;
	width:37%;
	clear:right;
}

div.previousnext{
	padding-top:20px;
	padding-bottom:6px;
	float:right;
	width:100%;
	text-align:center;
	font-size:0.9em;
	border-top:1px solid #ccc;
}

div.emailfriend{
	padding-top: 10px;
	text-align:center;
	float:right;
	width:100%;
}

td.emfhl{
	background-color:#aaa;
	font-size:1.2em;
	color:#fff;
	font-weight:bold;
}

td.emfll{
	line-height:18px;
}

div.detailquantity{
	float:left;
	width:170px;
  
}

div.detailquantitytext{
	margin-top:14px;
	float:left;
	width:45%;
	text-align:right;
}

div.detailquantityinput{
	margin-top:16px;
	float:right;
	width:45%;
	text-align:left;
	padding:0px;
	height:65px;
}

#w0quant{
	height:21px;
	width:50px;
	border:1px solid #ccc;
}

div.detailaddtocart,.detailoutofstock{
	float:left;
	margin-top:4px;
}

div.detailnotifystock{
	text-align:center;
	padding-top:6px;
	float:left;
	width:98%;
}

div.review{
	float:left;
	margin-top:16px;
	width:90%;
	font-size:0.9em;
}

hr.review{
	height: 0;
	border-width: 1px 0 0 0;
	border-style: solid;
	border-color: #bbb;
	padding:4px;
	margin-top:6px;
}

div.reviewprod{
	background-color:#eee;
	padding:10px;
}
                                                            /* The category page-*/
div.category{
	width:100px;
	float:left;
	line-height:1.6;
  	font-size:0.7em;
    padding:0px 20px 0px 0px;
	border:0px;
	background-color:#000;
	margin:0px 0px 0px 0px;
	height:185px;
}

div.catnavigation{
	padding:10px 0px 10px 12px;
	float:left;
	width:97%;
	font-size:1em;
	background-color:#fff;
	border-bottom: 1px solid #669900;
	margin-bottom:10px;
}

.catnavwrapper{
	background:#000 !important;
	border: 1px solid #000 !important;
}

div.navdesc{
	display:none; /* Removes the text "View all products in all categories */
}

div.catimage{
	width:97px;
	float:left;
}

div.catdesc{
	padding:0px 0px 4px 4px;
}

div.catname{
	padding-left:4px;
        font-size:1.2em;
}

.catdiscounts, .allcatdiscounts{
	padding-left:10px;
	font-weight:normal;
	color:#669900;
	font-size:0.9em;
}

div.categorymessage{
	padding-top:0px;
	font-size: 1.3em;
}

p.noproducts{
       padding-top:28px;
       text-align:left !important;
}

                                                                /*Home page products*/
div.prod1{
	border-right: 1px #999 dotted;
	border-bottom: 1px #999 solid;
	width:310px;
	padding:6px;
	float:left;
        height:220px;
}

div.prod2{
	border-bottom: 1px #999 solid;
	width:310px;
	padding:6px;
	float:right;
        height:220px;
}

div.prod3{
	border-right: 1px #999 dotted;
	width:310px;
	padding:6px;
	float:left;
	border-bottom: 1px #999 solid;
        height:220px;
}
div.prod4{
	width:310px;
	padding:6px;
	float:right;
	border-bottom: 1px #999 solid;
        height:220px;
}

                                                         /* ~~home page image ~~ */
div.prodt{
	width:125px;
	float:left;
}

                                                 /* ~~ the product text on home page ~~ */
div.prodblurb{
	width:170px;
	float:right;
	color:#666;
}

p.homeblurb{
	font-size:0.8em;
}

                                                 /* ~~ the home page product header ~~ */
p.prodhead{
	font-size: 1.2em;
	font-weight: bold;
	margin: 0px;
	color:#690;
}

                                                      /* ~~ the home page product price ~~ */
p.homeprice{
	font-size: 1.1em;
	font-weight: bold;
	margin: 0px;
}

                                                      /* ~~ the home page category section ~~ */
div.homecats{
	width:660px;
	text-align:center;
}

div.homecat1{
	width:204px;
	float:left;
	margin:8px;
}

div.homecat2{
	width:204px;
	float:right;
	margin:8px;
}

div.homecat3{
	width:204px;
	float:right;
	margin:8px;
}

p.cattitle{
	font-size: 1.8em;
	color: #666;
	margin:6px;
}


                     /* This is the first breakpoint and is for screen sizes between 750 and 980 pixels. 
If there is no difference in the classes above, you would use the classes above or if you need to make changes at this resolution, add them below*/
@media screen and (max-width: 959px) {

#container{
	width: 750px;
	background-image: url(../old/images/bg750.gif);
	background-repeat: repeat-y;
}

.header-nav {
	background-image:  url(../old/images/topnavbg.jpg);
	letter-spacing:1px;
	width:465px;
}

#footer{
	clear: both;
	background-color: #55A6FF;
}

div.footer1{
	clear: both;
	background-color: #55A6FF;
	background-image: url(../old/images/ftr750.jpg);
	width:748px;
	height:35px;
}

#footer2{
	clear: both;
	background-color: #fff;
	background-image: url(../old/images/ftrbg750.gif);
	background-repeat: repeat-y;
}

#footer a, a:visited{
	text-decoration:none;
	color:#333;
}

#footer a:hover, a:active, a:focus { 
	text-decoration:underline;
	color:#ccc;
}

.news{
	width:354px;
}

.news1{
	width:353px;
	border-right: 0px;
}

.news2{
	display:none;
}

#footer2 .ftr1{
	padding-left:10px;
	width:64px;
	background:#fff;
	float:left;
}

#footer2 .ftr2{
	padding-left:10px;
	width:200px;
	background:#fff;
	color:#666;
	float:right;
}

/* ~~ hide footer sections ~~ */
.foo{
	display:none;
}

.foo1{
	display:none;
}

.foo2{
	float:left;
	width:172px;
	padding: 10px;
	border-right: 1px dotted #666;
	margin-left:6px;
}

.foo3{
	color: #666;
	float:left;
	width:172px;
	padding: 10px;
	border-right: 1px dotted #666;
}

.foo4{
	color: #666;
	float:right;
	width:292px;
	padding: 10px;
}

div.end{
	background-color: #fff;
	background-image: url(../old/images/ftrbtm750.gif);
	width:750px;
	height:35px;
	clear: both;
}

.leftmenu{
	background: #f6f6f6;
	border: 1px solid #ccc;
	width:198px;
}
	
.sm{
	background: #fff;
	width:198px;
	color: #666;
}


.search-box{
	width: 235px;
}

input.search-field{ 
	width: 202px;
}


/* The product page
-------------------------------------*/
div.prodfilter{
	display:none;
}

div.prodfilterbar{
	display:none;
}

  /* The product detail page 
-------------------------------------*/
div.detailid {
	float:left;
        width:96%;
        margin-left:10px;
}

div.detailmanufacturer {
	float:left;
        width:96%;
        margin-left:10px;
}

div.detailname {
	float:left;
        width:96%;
        margin-left:10px;
}

div.detaildiscounts{
	float:left;
        width:96%;
        margin-left:10px;
}

.detaildiscountsapply{
        display:none; /*Removes Discounts Apply text*/
}

div.detaildescription {
	float:left;
        width:96%;
        margin-left:10px;
}

div.detailoptions{
	width:91%;
}

/* The category page 
-------------------------------------*/
div.category{
width:94%
}


/*Home page products*/
div.prod1{
	width:440px;
	border-right: none;
        height:auto;
}

div.prodt{
	width:125px;
	float:left;
}

div.prodblurb{
	width:290px;
	float:right;
	color:#666;
}

div.prod2{
	width:440px;
	float:left;
        height:auto;
}

div.prod3{
	width:440px;
	border-right: 1px solid #fff;
        height:auto;
}
div.prod4{
	width:440px;
	float:left;
        height:auto;
}

div.homecats{
	width:450px;
}

div.homecat3{
	display:none;
}

p.cattitle{
	font-size: 1.8em;
	color: #666;
	margin:2px;
}

}


/* This is the second breakpoint and is for screen sizes between 468 and 758 pixels. 
If there is no difference in the classes above, you would use the classes above or if you need to make changes at this resolution, add them below
*/
@media screen and (max-width: 758px) {

#container{
	width: 468px;
	background-image: url(../old/images/bg468.gif);
	background-repeat: repeat-y;
}

.header-nav {
	background-image:  #000;
	width:183px;
}

#header .coname {
	width:316px;
	background:url(../old/images/logo468.gif) #fff repeat-y;
}

/*hide header parts*/
#header .hdrR {
	display:none;
}

/*Reduce top navigation links*/
span.nav02{
	display:none;
}

/*Enable top navigation hidden previously*/
div.logonav{
	display:inline;
	margin-left:104px;
}

/* ~~ Remove left hand section ~~ */
.leftmenu{
	display:none;
}

#left{
	display:none;
}
	
.sm{
	display:none;
}

.lefticon{
	display:none;
}

.menutop{
	display:none;
}

                                                     /* ~~ Content section ~~ */
#content{
	margin: 0 3em 0 1em;
	width:434px;
}

h2{
	margin:0px 0px 0px 12px;
}

#footer{
	clear: both;
	background-color: #55A6FF;
}

div.footer1{
	clear: both;
	background-color: #55A6FF;
	background-image: url(../old/images/ftr468.jpg);
	width:466px;
	height:35px;
}

#footer2{
	clear: both;
	background-color: #fff;
	background-image: url(../old/images/bg468.gif);
	background-repeat: repeat-y;
}

#footer a, a:visited{
	text-decoration:none;
	color:#333;
}

#footer a:hover, a:active, a:focus { 
	text-decoration:underline;
	color:#ccc;
}

.news{
	width:446px;
}

                                                         /*Hide and format bottom sections*/
.news1{
	display:none;
}

.news2{
	display:none;
}

#footer2 .ftr1{
	padding-left:10px;
	width:64px;
	background:#fff;
	float:left;
}
#footer2 .ftr2{
	padding-left:10px;
	width:200px;
	background:#fff;
	color:#666;
	float:right;
}

.foo{
	display:none;
}

.foo1{
	display:none;
}

.foo2{
	float:left;
	width:192px;
	padding: 10px;
	border-right: 1px dotted #666;
	margin-left:24px;
}

.foo3{
	color: #666;
	float:left;
	width:182px;
	padding: 10px;
	border-right: 0px;
}

.foo4{
	display:none;
}

.topnav {
	padding-left:4px;
	font-size:0.9em;
}

div.end{
	background-color: #fff;
	background-image: url(../old/images/ftrbtm468.gif);
	width:468px;
	height:35px;
	clear: both;
}

.search-box{
	width: 235px;
}

input.search-field{ 
	width: 202px;
}


/* The category page 
-------------------------------------*/
div.category{
width:88%;
}

/*Home page products*/
div.prod1{
	width:420px;
	border-right: 0px;
	margin-left:10px;
}

div.prodt{
	width:125px;
	float:left;
}

div.prodblurb{
	width:270px;
	float:right;
	color:#666;
}

div.prod2{
	width:420px;
	float:left;
	margin-left:10px;
}

div.prod3{
	width:420px;
	border-right: 0px;
	margin-left:10px;
}
div.prod4{
	width:420px;
	float:left;
	margin-left:10px;
}

div.homecats{
	width:440px;
	margin:2px;
}

div.homecat1{
	width:200px;
}
div.homecat2{
	width:200px;
}

div.homecat3{
	display:none;
}

p.cattitle{
	margin:0px 0px 6px 16px;
}

/*Hide left hand details column in the cart*/
.cobcol1{
	display:none;
}

/*Reduce width of the additional info field on checkout*/
textarea.addinfo{
	width:150px;
}

}


/* This is the third breakpoint and is for smartphones. 
If there is no difference in the classes above, you would use the classes above or if you need to make changes at this resolution, add them below
*/
@media screen and (max-width:400px) {

#container{
	width: 316px;
	background-image: none;
}

.header-nav {
	background-image: #000;
	width:31px;
}

#header .coname {
	width:316px;
	padding-left:0px;	
	background:url(images/newHalfstopLogo_Sm.png) #000 repeat-y;
}

#header .hdrR {
	display:none;
}

span.nav02, span.nav01{
	display:none;
}

.leftmenu{
	display:none;
}

#left{
	display:none;
}
	
.sm{
	display:none;
}

.lefticon{
	display:none;
}

.menutop{
	display:none;
}

.leftend{
	background-image:  url(../old/images/leftend320.jpg);
}
	
.rightend{
	background-image:  url(../old/images/rightend320.jpg);
}

#content{
	padding-top: 0em;
	margin: 0 3em 0 0;
	width:312px;
}

h2{
	margin-left:12px;
}

#footer{
	clear: both;
	background-color: #55A6FF;
}
div.footer1{
	display:none;
}

#footer2{
	clear: both;
	background-color: #fff;
	background-image: none;
}

#footer a, a:visited{
	text-decoration:none;
	color:#333;
}

#footer a:hover, a:active, a:focus { 
	text-decoration:underline;
	color:#ccc;
}

.news{
	width:294px;
}

.news1{
	display:none;
}

.news2{
	display:none;
}

.foo{
	display:none;
}

.foo1{
	display:none;
}

.foo2{
	float:left;
	width:136px;
	padding: 3px;
	border-right: 1px dotted #666;
	margin-left:2px;
}

.foo3{
	color: #666;
	float:left;
	width:160px;
	padding: 3px;
	border-right: 0px;
}

.foo4{
	display:none;
}

div.end{
	display:none;
}

.search-box{
	width: 235px;
}

input.search-field{ 
	width: 202px;
}


/* The product page
-------------------------------------*/
div.product{
	width:95%;
	margin-left:2px;
}

/* The category page 
-------------------------------------*/
div.category{
width:85%;
}

/*Home page products*/

div.prod1{
	width:308px;
	border-right: 0px;
	margin-left:2px;
	padding:0px;
}

div.prodt{
	width:125px;
	float:left;
}

div.prodblurb{
	width:165px;
	float:right;
	color:#666;
}

div.prod2{
	width:308px;
	float:left;
	margin-left:2px;
	padding:6px 0px 0px 0px;
}

div.prod3{
	width:308px;
	border-right: 0px;
	margin-left:2px;
	padding:6px 0px 0px 0px;
}

div.prod4{
	width:308px;
	float:left;
	margin-left:2px;
	padding:6px 0px 0px 0px;
}

div.homecats{
	width:308px;
	margin:2px;
}

div.homecat1{
	width:200px;
}
div.homecat2{
	display:none;
}

div.homecat3{
	display:none;
}

p.cattitle{
	margin:0px 0px 6px 6px;
}

h6{
	font-size: 1em;
	margin:0px 0px 2px 
}

/*Reduce fone size in the cart*/
td.cobll, td.cobhl{
	font-size:0.8em;
}

/* ~~ Remove left hand cart column ~~*/
.cobcol1{
	display:none;
}

/* ~~ Modify additional info field on checkout ~~*/
textarea.addinfo{
	width:150px;
}

}