/* CSS Document */

* {margin:0; padding:0; font-size:100%;}

body {background:#999999; text-align:center;}

img {vertical-align:top; border:none;}
a img { border:none;}


.new-item:before {content: url(../images/NEW-Bullet-30.gif); float:left; margin-left:-37px; margin-top:-5px;}
.new-item-photo:after {content: url(../images/NEW-Bullet-100.gif); margin-left:-135px; position:relative;}
.new-item-thumbnail:after {content: url(../images/NEW-Bullet-55.gif); margin-left:-45px; position:relative;}

#banner {clear:both; background-image:url(../images/layout/home-banner-2012.jpg); height:225px; width:780px; padding-left:109px; padding-right:109px; margin:0 auto; background-repeat:no-repeat; text-align:center;}

/*ul { list-style:none;}*/
ul {padding-left:1em; padding-right:1em; margin-left:0;}
ul#categoriesmenu {list-style:none;}
ul#categoriesmenu a:hover {text-decoration:underline;}
ul#categoriesmenu strong {font-size:16px;}

html, input, textarea
	{
		font-family:Arial;
		font-size:0.75em;
		line-height:1.333em;
		color:#737373;
	}

input, select { vertical-align:middle; font-weight:normal;}

a {color:#333333; text-decoration:none;}
a:hover{text-decoration:none; color:#000000;}

p {	/*margin-left:30px; */
	margin-top:20px;}
table {margin-left:auto; margin-right:auto;}
	
strong {color:#080808;}


/* ============================= Product Styles ====================== */
#contentcontainer a, #singleproductcontanier a {color:#eb7801;}
#contentcontainer a:hover, #singleproductcontainer a:hover {color:#000000;}
#contentcontainer {padding:20px 50px 0 50px;}
#singleproductcontainer {font-size:10px; padding:20px 55px 0 55px;}
#singleproductcontainer h1 {font-size:18px;}

#product-image {text-align:center;}
#product-image img {margin-left:auto; margin-right:auto;}

#form {padding:20px 0 0 45px; color:#000000;}
#form td {color:#000000;}
.lineseperators {margin:20px 0 0 45px; width:420px;}
#proddealimgs {padding:10px 0 0 0; width:500px;}
#proddealimgs img {padding:20px 0 0 0;}

/* ============================= Navigation ====================== */
#categoriesmenu { line-height:20px; font-size:10px; }


#presentationlink {font-size:12px; width:200px; padding-top:15px; font-weight:bold; color:#333333}

#presentationlink a {font-weight:bold; color:#333333}


#navcontainer { float:right; width:470px; margin-top:34px; margin-right:20px; }

.menu {
	margin: 0;
	padding: 0;
	list-style: none;
	background: none;
}
.menu li {
	padding: 0;
	margin: 0;
	height: 120px;
	margin-right: 0;
	list-style: none;
	background-repeat: no-repeat;
}
.menu li a, .menu li a:visited {
	display: block;
	text-decoration: none;
	text-indent: ;
	height: 120px;
	background-repeat: no-repeat;
}
.home {background-image:url(../images/layout/navigation/btn-home-2.gif); width: 94px;}
.home a {background-image: url(../images/layout/navigation/btn-home-1.gif);}
.company {background-image: url(../images/layout/navigation/btn-company-2.gif); width: 90px;}
.company a {background-image: url(../images/layout/navigation/btn-company-1.gif);}
.products {background-image: url(../images/layout/navigation/btn-products-2.gif); width: 93px;}
.products a {background-image: url(../images/layout/navigation/btn-products-1.gif);}
.wheretobuy {background-image: url(../images/layout/navigation/btn-wheretobuy-2.gif); width: 96px;}
.wheretobuy a {background-image: url(../images/layout/navigation/btn-wheretobuy-1.gif);}
.freesnax {background-image: url(../images/layout/navigation/btn-freesnax-2.gif); width: 93px;}
.freesnax a {background-image: url(../images/layout/navigation/btn-freesnax-1.gif);}

ul.menu li a:hover {background: none;}
.menu li {float: left;}
.menu:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}



/* ============================= main layout ====================== */

#pageindicationtxt {
	position:absolute;
	z-index:10000
	width: 52px;
	height: 28px;
	left: 325px;
	top: 87px;
	color:#000000
}



.link {background:url(../images/layout/link_bg.gif) top right no-repeat; padding-right:18px; color:#ec7a00; font-weight:bold; float:right; position:relative; margin:0 2px 0 0;}
.link2 {background:url(../images/layout/link_bg_2.gif) top right no-repeat; padding-right:18px; color:#ec7a00; font-weight:bold;}

.list li {background:url(../images/layout/list-right-bg.gif) top right no-repeat #fff; margin-bottom:3px;}
.list li a {background:url(../images/layout/list-left-bg.gif) top left no-repeat; padding:2px 0 3px 29px; font-weight:bold; text-decoration:none; display:block;}
.list li a:hover {color:#ec7a00;}
.list .li2 {background:url(../images/layout/list-right-bg2.gif) top right no-repeat #fff;}
.list .li2 a {background:url(../images/layout/list-left-bg2.gif) top left no-repeat;}

.list2 li {background:url(../images/layout/list2-right-bg.gif) top right no-repeat #f4f3f3; margin-bottom:3px;}
.list2 li a {background:url(../images/layout/list2-left-bg.gif) top left no-repeat; padding:2px 0 3px 29px; font-weight:bold; text-decoration:none; display:block;}
.list2 li a:hover {color:#ec7a00;}

.imgindent {margin:0 20px 0 0; float:left;}

.title {/*background:url(images/title-tail-bg.gif) top repeat-x;*/}
.title .right-bg {/*background:url(images/title-right-bg.gif) top right no-repeat;*/}
.title .left-bg {background:url(../images/layout/categories-header.gif) top left no-repeat; /*width:220px;*/ background-position:top; height:46px;  width:expression(((document.documentElement.clientWidth || document.body.clientWidth) < 998)? "220px" : "100%"); min-width:220px;}
.title1 {margin-bottom:8px;}
.title2 {margin:0 0 8px 8px;}
.title3 {margin:0 0 6px 0;}

cite {font-style:normal;}

/* ============================= header ====================== */
#mainbodytitle { width:420px; margin-left:45px; padding:18px 0 10px 0; color:#EB7800; font-size:26px; letter-spacing:1px; font-family:Arial , "Futura Lt BT" , Verdana, Helvetica;}





#headerimage { position:relative; margin:0 auto;}

#header .logo {margin:0 0 0 22px;}
#header .logo2 {margin:130px 0 0 22px;}
#header .right {padding:25px 30px 0 0; text-align:right;}
.header-box {background:url(../images/layout/header_box.jpg) top left no-repeat; padding:15px 13px 13px 15px; margin:22px 0 0 0; text-align:left; float:right; width:451px; color:#080808;}
#header .button {float:right;}
#header .imgindent {margin:0 16px 0 0;}
#header .col-1 {width:231px !important; }
#header .col-2 {
	width:500px !important;
}
#header p {/*padding:5px 10px 8px 0; */}



/* ============================= content ====================== */

.downloadimg { padding: 2px 0 0 0;}

#page1 #content {background-color:#e9e7e7;  padding:13px 0 28px 19px; }
#content {background-color:#e9e7e7;  padding:13px 0 34px 17px;}
.column-indent { padding:0 0 0 0;}
.column-indent2 {padding-right:7px;}
.indent {padding:10px 0 0 25px;}
.indent2 {padding:25px 12px 0 31px;}

.line {background:url(../images/layout/line.gif) bottom left repeat-x; padding-bottom:10px; margin-bottom:19px;}
.line2 {background:url(../images/layout/line.gif) bottom left repeat-x; padding-bottom:18px; margin-bottom:16px;}

.min-height {min-height:214px; height:auto;}
/* for Internet Explorer */
* html .min-height {height:214px;}

.min-height2 {min-height:165px; height:auto;}
/* for Internet Explorer */
* html .min-height2 {height:165px;}

.name1 { float:right; color:#737373; width:72px;}
.name1 strong {color:#737373;}
.special-link {float:right; width:82px;}
.rss {float:right; position:absolute; margin:-24px 2px 0 22%; left:0;}
.special-bg { padding-left:25px; margin-left:-25px;}

.special {/*background:url(images/page1-bg1.jpg) no-repeat 7px 7px;*/}
.box .special .indent {padding:30px 25px 20px 245px;}
.color2 {color:#080808;}

.box {background:#fff url(../images/layout/box-tail-top.gif) top repeat-x; color:#080808; min-width:728px; line-height:18px;}
.box .tail-bottom {background:url(../images/layout/box-tail-bottom.gif) bottom repeat-x;}
.box .tail-right {background:url(../images/layout/box-tail-right.gif) right repeat-y;}
.box .tail-left {background:url(../images/layout/box-tail-left.gif) left repeat-y;}
.box .corner-bottom-right {background:url(../images/layout/box-corner-bottom-right.gif) bottom right no-repeat;}
.box .corner-bottom-left {background:url(../images/layout/box-corner-bottom-left.gif) bottom left no-repeat;}
.box .corner-top-right {background:url(../images/layout/box-corner-top-right.gif) top right no-repeat;}
.box .corner-top-left {background:url(../images/layout/box-corner-top-left.gif) top left no-repeat; width:100%;}
.box .indent {padding:30px 42px 28px 25px;}


.margin0 {margin-bottom:0px;}
.padding1 {padding-top:14px;}
.padding2 {padding-top:20px;}

.img {margin:20px 0 20px 0;}
.phone {float:right; margin-right:10px;}

/* ============================= footer ====================== */

#footer {color:#737373; font-weight:bold; font-size:0.917em; line-height:1.273em; width:100%; background-color:#FFFFFF;}
#footer a {color:#737373; text-decoration:none;}
#footer a:hover {text-decoration:underline;}
#footerinfo { word-spacing:3px;}
#footerlinks ul, #footerlinks li { margin: 0;
				cursor: default;
				list-style-type: none;
				display: inline;
				padding:0 0 3px 0;
				}
#footerlinks ul li {padding-left: 7px;}
#footerlinks {padding-bottom: 7px;}
/* ============================= forms ============================= */


#ContactForm .rowi {height:36px;}
#ContactForm a {float:right; margin-left:10px;}

.input {width:173px; height:16px; border:1px solid #717171; background:#fff; padding:0 0 0 5px; font-size:1em;}
textarea {width:175px; height:87px; border:1px solid #717171; background:#fff; padding:0 0 0 5px; overflow:auto; font-size:1em;}