/* HTML Styles ------------------------------------------------------------------ */
body {
	margin: 0; 
	color: #000000; 
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 12px;
	background-image:url(../pics/ui/bg_body.jpg);
	background-repeat:repeat-x;
	}
	
img {
	border:none;
	}
			
#wrap {
	width:860px;
	margin:0 auto;
	padding:0;
	}
	
#header {
	width:860px;
	height:115px;
	display:block;
	}
	
h1 {
	width:330px;
	height:115px;
	margin:0;
	padding:0;
	display:block;
	float:left;
	}

h1 a {
	width:330px;
	height:115px;
	margin:0;
	padding:0;
	display:block;
	text-indent:-10000px;
	background-image:url(../pics/ui/123grpr_logo2.jpg);
	background-repeat:no-repeat;
	}
	
#header_box {
	width:530px;
	height:115px;
	display:block;
	float:left;
	}

#header_links {
	width:530px;
	height:20px;
	display:block;
	margin:0;
	padding:0;
	}

#header_links ul {
	margin:0;
	padding:0;
	}
	
#header_links ul li {
	margin:0;
	padding:0;
	list-style-type:none;
	display:inline;
	}
	
#header_links ul li a {
	float:right;
	height:13px;
	padding:5px;
	display:block;
	font-size:10px;
	margin-left:15px;
	color:#000000;
	}
	
#header_nav ul {
	margin:0;
	padding:0;
	}
	
#header_nav ul li {
	margin:0;
	padding:0;
	list-style-type:none;
	display:inline;
	}
	
#header_nav ul li a {
	float:right;
	height:15px;
	padding:3px 8px;
	display:block;
	font-size:11px;
	font-weight:bold;
	color:#FFFFFF;
	text-decoration:none;
	}

#header_nav ul li a:hover {
	color:#999900;
	}
	
#search_box {
	clear:both;
	width:165px;
	display:block;
	margin-top:22px;
	margin-left:5px;
	float:right;
	}
	
#search_box button {
	background-image:url(../pics/ui/search_btn.jpg);
	background-position:center;
	text-indent:-10000px;
	width:50px;
	height:20px;
	margin-left:3px;
	background-color: transparent;
	border: 0px;
	cursor: pointer; /* hand-shaped cursor */
  	cursor: hand; /* for IE 5.x */
	}
	
#content_side {
	width:140px;
	float:left;
	margin-bottom:20px;
	padding-right:10px;
	}
	
#content_side img {
	max-width:150px;
	}
	
#subnav ul {
	margin:0;
	padding:0;
	}
	
#subnav ul li {
	margin:0;
	margin-left:20px;
	padding:0;
	list-style-image:url(../pics/ui/small_bullet.jpg);
	list-style-position:outside;
	}
	
#subnav ul li a {
	display:block;
	margin-bottom:4px;
	text-decoration:none;
	}
	
#subnav ul li a:hover {
	text-decoration:underline;
	}
	
#content_main {
	width:690px;
	overflow:hidden;
	float:left;
	margin:0 20px 20px 0;
	}
	
hr {
	border: 0;
	color: #cccccc;
	background-color: #cccccc;
	height: 1px;
	}
	
#title {
	width:690px;
	height:60px;
	display:block;
	}
	
#description {
	margin-top:15px;
	margin-bottom:15px;
	}
	
#image {
	margin-top:15px;
	}
	
.box_wrap {
	width:210px;
	float:left;
	margin-right:15px;
	margin-bottom:15px;
        position:relative;
	}
	
.box_wrap_last {
	width:210px;
	float:left;
	margin-bottom:15px;
        position:relative;
	}
	
.product_box {
	padding:5px;
	margin-bottom:5px;
	border-bottom:solid 1px #cccccc;
	}
	
.product_box img {
	float:left;
	margin-right:10px;
	}
	
.product_box_2 {
	width:204px;
	float:left;
	margin-right:15px;
	margin-bottom:15px;
	overflow:hidden;
	}
	
#footer {
	margin-top:20px;
	with:860px;
	height:65px;
	clear:both;
	background-image:url(../pics/ui/bg_footer.jpg);
	background-repeat:repeat-x;
	}
	
#footer_info {
	font-size:10px;
	color:#FFFFFF;
	width:280px;
	padding:10px;
	float:left;
	text-decoration:none;
	}

#footer_info a {
	color:#ffffff;
	}
	
#footer_links {
	width:560px;
	margin:0;
	padding:0;
	float:left;
	}

#footer_links ul {
	margin:0;
	padding:0;
	}
	
#footer_links ul li {
	margin:0;
	padding:0;
	list-style-type:none;
	display:inline;
	}
	
#footer_links ul li a {
	float:right;
	height:13px;
	padding:5px;
	display:block;
	font-size:10px;
	margin-right:15px;
	margin-top:10px;
	color:#FFFFFF;
	}
	
h2 {
	height:40px;
	font-size: 21px;
	font-family: Verdana, Arial, Helveica, sans-serif;
	font-weight:normal;
	margin:0;
	padding:16px 0px 0px 30px;
	}
	
h3 {
	font-size:16px;
	}
	
.strike {
	text-decoration:line-through;
	}
	
.divider {
	clear:both;
	}

.productsearch {
	padding:20px;
	border-bottom:solid 1px #E08205;
	background-image:url(../pics/ui/bg_search_result.jpg);
	background-repeat:repeat-x;
	}
	
.productsearch table tr td {
	padding:3px;
	vertical-align:middle;
	}

.search_result_product {
	border-top:solid 2px #E08205;
	padding:0 10px;
	}
	
.search_result_page {
	padding:0 10px;
	}

.home_fragment {
	margin-bottom:10px;
	padding:0 10px;
	}

#home_specials_fragment {
	background-image:url(../pics/ui/bg_home_sepcials.jpg);
	background-repeat:repeat-x;
	border:solid 1px #E08205;
	}
	
#home_specials_fragment h3 {
	margin:0 0 20px 0;
	padding:15px 10px;
	color:#FFFFFF;
	}
	
.page_graphics img {
	padding:10px 0;
	}

table.subproduct_list {
width:100%;
border:none;
}

table.subproduct_list td p{
margin:0px;
}
	
table.subproduct_list td {
	padding:8px 0;
	border:none;
	}

td.list_description p{
padding-left:10px;
}

td.list_price {
text-align:right;
}

td.list_price p{
padding-right:10px;
}

td.list_cart {
width:130px;
}

table.subproduct_list td.list_cart p{
width:120px;
}	
/* -------- */	
	

table {
		margin: 0px;
		}

table td {
/*			padding: 0px; */
	vertical-align: top; 
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 11px;
	}

p {
	font-size: 11px;
	line-height: 15px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	}




a:link {color: #000000;}

a:visited {color: #666666;}

a:hover {color: #D30000;}

/* Custom Styles ------------------------------------------------------------------ */

span.sm {
			font-size: 10px;
			line-height: 13px;
			font-family: Verdana, Arial, Helvetica, sans-serif;}
			
.title {
			font-size: 12px;
			color: #D30000;
			font-weight: bold;}
			
.price {
			font-size: 14px;
			color: #D30000;
			font-weight: bold;}
			
div.orngbox1 {
			display: block;
			background: #FEE3BB;
			padding: 10px;}
			
div.orngbox2 {
			display: block;
			background: #FFF5E8;
			padding: 10px;}

/* Header Styles ------------------------------------------------------------------ */
			
div.hdr1 {
			font-size: 11px;
			width: 750px;
			align: right;
			color: #FFFFFF;}
			
div.navbox {
			display: block;
			background: #FFFFFF; 
			border: 1px solid #000000;}
			
/* Content Styles ------------------------------------------------------------------ */

td.hmleft { 
			border: 0px solid #000000; 
			border-width: 0px 1px 0px 0px; 
			vertical-align: top; 
			padding:10px 5px 20px 5px;
			width: 170px;		
			font-size: 10px;}

td.hmcontent { 
			padding: 15px;}

td.hmright { 
			border: 0px solid #000000; 
			border-width: 0px 0px 0px 1px; 
			vertical-align: top; 
			padding:10px 8px 20px 8px;
			width: 170px;
			font-size: 10px;}
			
td.dispindex {
		padding: 20px;
		width: 50%;}
		
div.indeximg {
/*		padding: 15px;
		border: 1px solid #B2B2B2;  
		text-align: center;
		display:block;
		margin-bottom: 15px; */}
		
.indexlinkname {
		font-size: 14px;
		font-weight: bold;}

/* Footer Styles ------------------------------------------------------------------ */

td.ftrlft {
			font-size: 10px;
			background: #000000 url(/pics/bkg/bkg_ftr.gif) repeat-x;
			color: #FFFFFF; 
			width: 240px;
			padding: 10px 10px 0px 15px;}
			
td.ftrrt {
			background: #000000 url(/pics/bkg/bkg_ftr.gif) repeat-x;
			color: #FFFFFF; 
			padding: 20px 10px 10px 15px;}
			
/* Navigation Styles ------------------------------------------------------------------ */

div.whitebox {
			display: block;
			background: #000000; 
			border: 0px solid #000000;
			border-width: 1px 0px 1px 0px;
			font-size: 11px;
			font-family: Verdana, Arial, Helvetica, sans-serif;
			font-weight: bold;
			color: #FFFFFF;
			padding: 4px 6px;}

a.wht:link {
			color: #FFFFFF;
			text-decoration: none;}
	
a.wht:visited {
			color: #FFFFFF;
			text-decoration: none;}
			
a.wht:hover {
			color: #FFFFFF;
			text-decoration: underline;}
			
a.blk:link {
			color: #000000;
			text-decoration: none;}
	
a.blk:visited {
			color: #000000;
			text-decoration: none;}
			
a.blk:hover {
			color: #000000;
			text-decoration: underline;}

a.nav:link {
			font-size: 11px;
			line-height: 13px;
			color: #000000;
			text-decoration: none;
			display: block;
			width: 150px;
			background-color: #FFFFFF;
			padding: 5px 3px 5px 8px;
			border: 0px solid #000000;
			border-width: 0px 0px 1px 0px;}

a.nav:visited {
			font-size: 11px;
			line-height: 13px;
			color: #000000;
			text-decoration: none;
			display: block;
			width: 150px;
			background-color: #FFFFFF;
			padding: 5px 3px 5px 8px;
			border: 0px solid #000000;
			border-width: 0px 0px 1px 0px;}

a.nav:hover {
			font-size: 11px;
			line-height: 13px;
			color: #FFFFFF;
			text-decoration: none;
			display: block;
			width: 150px;
			background-color: #C90A21;
			padding: 5px 3px 5px 8px;
			border: 0px solid #000000;
			border-width: 0px 0px 1px 0px;}
			
a.navleft1:link {
			display: block;
			background: #FCA11B; 
			border: 0px solid #000000;
			border-width: 1px 0px 1px 0px;
			text-decoration: none;
			font-size: 11px;
			color: #000000;
			padding: 4px 6px;
			margin-top: -1px; }

a.navleft1:visited {
			display: block;
			background: #FCA11B; 
			border: 0px solid #000000;
			border-width: 1px 0px 1px 0px;
			text-decoration: none;
			font-size: 11px;
			color: #000000;
			padding: 4px 6px;
			margin-top: -1px;}

a.navleft1:hover {
			display: block;
			background: #FEE0B4;
			border: 0px solid #333333;
			border-width: 1px 0px 1px 0px;
			text-decoration: none;
			font-size: 11px;
			color: #000000;
			padding: 4px 6px;
			margin-top: -1px;}

a.navleft2:link {
			display: block;
			background: #F5F5F5; 
			text-decoration: none;
			font-weight: bold;
			font-size: 11px;
			color: #000000;
			padding: 4px 6px;}

a.navleft2:visited {
			display: block;
			background: #F5F5F5; 
			text-decoration: none;
			font-weight: bold;
			font-size: 11px;
			color: #000000;
			padding: 4px 6px;}

a.navleft2:hover {
			display: block;
			background: #FFFFFF; 
			text-decoration: none;
			font-weight: bold;
			font-size: 11px;
			color: #000000;
			padding: 4px 6px;}

a.navleft3:link {
			display: block;
			background: #F5F5F5; 
			text-decoration: none;
			font-size: 10px;
			color: #000000;
			padding: 2px 6px 2px 15px;}

a.navleft3:visited {
			display: block;
			background: #F5F5F5; 
			text-decoration: none;
			font-size: 10px;
			color: #000000;
			padding: 2px 6px 2px 15px;}

a.navleft3:hover {
			display: block;
			background: #FFFFFF; 
			text-decoration: none;
			font-size: 10px;
			color: #000000;
			padding: 2px 6px 2px 15px;}

a.navleft4:link {
			display: block;
			background: #976110; 
			border: 0px solid #333333;
			border-width: 1px 0px 1px 0px;
			text-decoration: none;
			font-weight: bold;
			font-size: 11px;
			color: #FFFFFF;
			padding: 4px 6px;
			margin-top: -1px;}

a.navleft4:visited {
			display: block;
			background: #976110; 
			border: 0px solid #333333;
			border-width: 1px 0px 1px 0px;
			text-decoration: none;
			font-weight: bold;
			font-size: 11px;
			color: #FFFFFF;
			padding: 4px 6px;
			margin-top: -1px;}

a.navleft4:hover {
			display: block;
			background: #976110; 
			border: 0px solid #333333;
			border-width: 1px 0px 1px 0px;
			text-decoration: none;
			font-weight: bold;
			font-size: 11px;
			color: #FFFFF;
			padding: 4px 6px;
			margin-top: -1px;}
			

div.box_wrap a, 
div.box_wrap_last a {
display: block;
background-image:url(/media/store_buttons/linkgraphic_top.gif);
background-repeat:no-repeat;
padding-top: 12px;
padding-left: 38px;
}

div.link_bottom {
margin-top:-5px;
height:20px;
background-image:url(/media/store_buttons/linkgraphic_bottom.gif); 
}

div.box_wrap p, div.box_wrap_last p {
padding-left:5px;
margin-top:5px;
}

div img.star {
 display:block;
 position:absolute;
 top:7px;
 left:6px;
}


/* Contact Form Styles --------------------------------------*/

#contact_us input {
width:200px
}

#contact_us textarea {
width:300px
}

#contact_us input.radio {
width:auto;
}

#contact_us #submit {
width:100px
}

label.error{
color:red;
margin-left:8px;
}

input.req {
  display:none;
}