/* 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;}

ul { list-style:none;}

.left { float:left;}
.right {float:right;}
.clear  { clear:both;}


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;}

p {	margin-left:45px;
	margin-top:20px;
	width:420px;}
	
strong {color:#080808;}


h1 { font-size:18px; font-weight:bolder; padding:0 0 10px 0;}
/* ============================= Product Styles ====================== */
#singleproductcontainer { padding:20px 0 0 20px; font-size:10px;}
#singleproductimg {padding:0 0 20px 0;}
#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-mod/btn-home-2.gif); width: 94px;}
.home a {background-image: url(../images-mod/btn-home-1.gif);}
.company {background-image: url(../images-mod/btn-company-2.gif); width: 90px;}
.company a {background-image: url(../images-mod/btn-company-1.gif);}
.products {background-image: url(../images-mod/btn-products-2.gif); width: 93px;}
.products a {background-image: url(../images-mod/btn-products-1.gif);}
.wheretobuy {background-image: url(../images-mod/btn-wheretobuy-2.gif); width: 96px;}
.wheretobuy a {background-image: url(../images-mod/btn-wheretobuy-1.gif);}
.freesnax {background-image: url(../images-mod/btn-freesnax-2.gif); width: 93px;}
.freesnax a {background-image: url(../images-mod/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/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/link_bg_2.gif) top right no-repeat; padding-right:18px; color:#ec7a00; font-weight:bold;}

.list li {background:url(../images/list-right-bg.gif) top right no-repeat #fff; margin-bottom:3px;}
.list li a {background:url(../images/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/list-right-bg2.gif) top right no-repeat #fff;}
.list .li2 a {background:url(../images/list-left-bg2.gif) top left no-repeat;}

.list2 li {background:url(../images/list2-right-bg.gif) top right no-repeat #f4f3f3; margin-bottom:3px;}
.list2 li a {background:url(../images/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-mod/categories-header.gif) top left no-repeat; width:220px; background-position:top; height:46px; }
.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/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/line.gif) bottom left repeat-x; padding-bottom:10px; margin-bottom:19px;}
.line2 {background:url(../images/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/box-tail-top.gif) top repeat-x; color:#080808; width:510px; line-height:18px;}
.box .tail-bottom {background:url(../images/box-tail-bottom.gif) bottom repeat-x;}
.box .tail-right {background:url(../images/box-tail-right.gif) right repeat-y;}
.box .tail-left {background:url(../images/box-tail-left.gif) left repeat-y;}
.box .corner-bottom-right {background:url(../images/box-corner-bottom-right.gif) bottom right no-repeat;}
.box .corner-bottom-left {background:url(../images/box-corner-bottom-left.gif) bottom left no-repeat;}
.box .corner-top-right {background:url(../images/box-corner-top-right.gif) top right no-repeat;}
.box .corner-top-left {background:url(../images/box-corner-top-left.gif) top left no-repeat; width:100%;}
.box .indent {padding:30px 12px 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;}
