/*
-----------------------------------------------
Style Sheet

Site: inksquid.com
Author:   www.swissitweb.com
Version:  2009.1
----------------------------------------------- */

/* undo some default styling of common (X)HTML browsers
 * ------------------------------------------------------------------------- */
/* No list-markers by default - must redefine bullets w/ bg graphics */

ul,ol { list-style:none; }
/* Avoid browser default inconsistent heading font-sizes and pre/code */
h1,h2,h3,h4,h5,h6,pre,code { font-size:1em; }
/* prevent blue linked image borders */
a img, :link img, :visited img { border:none; }
/* reset margin and padding for all elements to 0 */
ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,body,html,p,blockquote,fieldset,input,label,div,dd,dt,dl{ margin:0; padding:0; }

/* global elements
 * ------------------------------------------------------------------------- */
body{
	background: #fff;
	font-family: Tahoma, Arial, sans-serif;
	font-size: .82em;
	line-height: 150%;
}
a{
	color: #03284c;
	text-decoration:underline;
}
a:hover{
	color: #64a9d0;
	text-decoration: none;
}
a:visited{
	color: #336600;
	text-decoration:underline;

}
p, ul {
	color: #666666;
}

h3 {font-size: 1.3em; padding-bottom: 8px; color: #666; font-weight: normal;}
/* Classes
 * ------------------------------------------------------------------------- */
.clear{clear:both;}

.phone_top{padding: 20px 10px 10px 100px; font-weight:bold; color:#03284c;}
#top_icone a{padding: 10px 5px 10px 0px;font-size: .68em; color: #666; font-weight:bold;}
#top_icone a:hover {color: #64a9d0;}
.welcome_content{padding-bottom: 10px;}

.banner_content{padding: 20px 20px 10px 30px; font-size: .85em; color:#666666;}
.content_padding {padding: 10px 50px 50px 50px;}
.padding_top{padding-top: 40px;}
.content_title{
	font-size: 2em;
	font-family:Verdana,Arial,Helvetica,sans-serif;
	text-align: left;
}
.txt_m{	font-size: 1.2em;	font-style: oblique; padding-top: 8px; padding-bottom: 5px;}

.blue_txt{color: #03284c;}
.subtitle{font-size: 1.3em; padding-bottom: 8px;}
.subtitle_blue{font-size: 1.3em; padding-bottom: 8px; color:#003399;}
.line_h{background: url(../images/line.gif) repeat-x;}
.line_v{background: url(../images/line.gif) repeat-y;}
.read_more{font-size: .82em; text-align: right;}

.left_c_padding{padding-right: 40px;}

#footer p{color: #03284c; font-weight: bold; font-size: .79em;}
.footer_links a{color: #03284c; font-weight: bold; font-size: .85em;}
.footer_links  a:hover{color: #fff;}
.footer_links  a:visited{color: #fff;}
.footer_info{padding: 130px 0 0px 80px;}
.footer_txt{text-align: center;}
.credits a {color: #03284c;}
.credits a:hover {color: #64a9d0;}

.top{text-align: right; font-size: .85em;}
.txt_small {font-size: .79em;}
#tbl_steps img{ border: 1px solid #666; padding: 3px;}

#tbl_links tr td p a{color: #333; text-decoration:none;}
#tbl_links tr td p a:hover{color: #039; text-decoration:underline;}

.testimonials{text-align:right; margin-right: 10px; color: #669900; font-size: .82em; font-style: italic;}
.greentxt {color: #669900;}
.magentatxt {color: #CC0066;}
.more_title a{color: #cc0066; font-weight:bold; font-size: 1.3em; text-decoration: none;}
.more_title a:hover{color: #060; text-decoration: underline;}

#shoppingcart{width: 300px; float:right;}

/* List styles
 * ------------------------------------------------------------------------- */
.arrow li{
	list-style: none;
	background-image: url(../images/icon_li.gif);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	padding: 0px 20px 8px 30px;
	line-height: 180%;
	margin-left: 5px;
	text-align: left;
}
.subpages li{
	list-style: none;
	background-image: url(../images/ul_recycle.gif);
	background-repeat: no-repeat;
	background-position: 0px 4px;
	padding: 0px 5px 8px 20px;
	line-height: 180%;
	margin-left: 5px;
}
.news_list li{
	list-style: none;
	background-image: url(../images/icon_checkmark.gif);
	background-repeat: no-repeat;
	background-position: 0px 3px;
	padding: 5px 5px 5px 30px;
	line-height: 180%;
	margin-left: 5px;
}
.list_soy li{
	list-style: none;
	background-image: url(../images/icon_soy_sm.gif);
	background-repeat: no-repeat;
	background-position: 0px 8px;
	padding: 5px 5px 5px 30px;
	line-height: 180%;
	margin-left: 5px;
}
.specials li{
	list-style: none;
	background-image: url(../images/icon_emoticon2.gif);
	background-repeat: no-repeat;
	background-position: 0px 4px;
	padding: 0px 0px 0px 25px;
	line-height: 180%;
	margin-left: 5px;
}
.about_list li{
	list-style: none;
	background-image: url(../images/ul_recycle.gif);
	background-repeat: no-repeat;
	background-position: 0px 4px;
	padding: 0px 0px 0px 25px;
	line-height: 180%;
	margin-left: 5px;
}

/* Begin Order Form Elements 
 * ------------------------------------------------------------------------- */
#order_form fieldset {  
		margin: 10px 0 0 0;  
		padding:0;
		background:transparent url(../images/form_bg.gif) no-repeat bottom right;
}
#order_form legend {  
		text-transform:uppercase;
		font-size:.98em;
		padding:5px;
		margin-left:1em;
		color: #fff;
		background:#03284c;
}	
#order_form fieldset ol {  
		padding:10px 10px 0 10px;  
		list-style:	none;
}	
#order_form fieldset li {  
		position:relative;
		padding-bottom:10px;
		line-height:.98em;
}
#order_form fieldset#submitform {  
		background-image: none;
		border-style:none;
}
#order_form label {
		position:	relative;
		clear:left;
		float:left;
		width:160px;
		margin-right:5px;
		padding-right:20px;
		line-height:20px;
		text-align:	right;
}	
#order_form label.required {
		background:	transparent  url(../images/btn_r.gif) no-repeat center right;
}
#tbl_order label{margin: 0px; padding: 0px; width: auto;}
#order_form label span {
		position:absolute;
		left:-10000px;
		top:0px;
}	
#order_form p span.required {
		display:inline-block;
		vertical-align:	middle;
		line-height:.98em;
		width:25px;
		line-height:.98em;
		text-indent:-10000px;
		overflow:hidden;
		background:	transparent  url(../images/btn_r.gif) no-repeat center right;		
}	
#order_form input {
		padding:2px;
		font-size:	.98em;
		border:	1px solid #2d7711; 
		color:#1E1903; 
		background:	#F5F6D4;
}	
#order_form input.radio {
		border:	none;
		background:	transparent;
}
#order_form .border{
	border: thin dotted #009933;
}


/*
Tables
----------------------------------------------------------*/
#products_tbl{
	font-size: .85em;
	text-align: left;
}
#tbl_order {table-layout: auto; border-collapse: collapse;} 
#tbl_customer{padding-left: 200px;}
#tbl_customer label{text-align: left;}

#tbl_specials td{border-bottom:  solid 1px #CCCCCC;}
#tbl_specials td a{color: #039;}
#tbl_specials td a:hover{color: #690;}

#tbl_pricelist{
	width: 100%;
	border-collapse: collapse;
	font-weight: bold;
	}
#tbl_pricelist td, #tbl_pricelist th{
		border: thin dotted #369;
		padding: 3px;
		}
#tbl_pricelist th{color: #68a735;}
.odd{background: #d4fe86;}
#tbl_pricelisttop{color: #68a735; border-bottom:#68a735 dotted thin; }
.scroll {
	line-height: 18px;
	overflow: scroll;
	height: 500px;
	padding-top: 2px;
	padding-right: 10px;
	padding-left: 5px;
}
/*
HTML Hacks
----------------------------------------------------------*/
*html #navigation{margin-top: -19px;}
*html #tbl_order{width: 897px; table-layout: fixed; }

/* Layout
 * ------------------------------------------------------------------------- */
#container{
	width: 1100px;
	margin-left:auto;
	margin-right: auto;
	margin-top: 0px;
}
#sub_container{
	background:url(../images/container_bg2.gif) repeat-y;
	width: 1100px;
}
#header, #navigation, #content {margin-left: 48px;}
#header{
	width: 1000px;
	height: 331px;
}
#logo{
	width: 416px;
	height:331px;
	background:url(../images/logo.gif) no-repeat;
	float:left;
}
#logo h1 {
	width: 416px;
	height:330px;	
	}
#logo_link {
	width:416px;
	height:330px;
	display:block;
	text-indent:-9999px;
	overflow:hidden;
	}
#logo h2{
	text-indent:-9999px;
	overflow:hidden;
}
#banner{
	width: 584px;
	height:331px;
	background:url(../images/header_right.gif) no-repeat;
	float:left;
}
#top_info{
	width: 584px;
	height:59px
}
#phone_top{
	width: 350px;
	float: left;
}
#top_icon{
	width: 233px;
	float: left;
}
#banner_content{
	width: 584px;
	height:272px
}
#content_fake_bg{
	background: url(../images/content_top_bg1.gif) no-repeat top left;
	min-height:229px;
}
#content{
	width: 1000px;
	background:url(../images/content_bg1.gif) repeat-x;
}
#welcome_content{width: 900px;}
#left_c{
	width: 600px;
	float:left;
}
#right_c{
	width: 300px;
	float:left;
}
#subcontent_l{
	width: 300px;
	float:left;
}
#subcontent_r{
	width: 600px;
	float:left;
}
#footer{
	width: 1100px;
	height: 228px;
	background:url(../images/footer_bg2.gif) no-repeat top left;
}
#footer_info{
	width: 750px;
	float:left;
}
#footer_logo{
	width: 350px;
	height: 150px;
	float:left;
}
#footer_link {
	width:305px;
	height:150px;
	display:block;
	text-indent:-9999px;
	overflow:hidden;
	}
#footer_txt{
	width: 1100px;
}
#right_column{
	float: right;
	width: 220px;
	margin:14px 14px 0 28px;
	border: 1px solid #a00000;
	padding: 10px;
	font-size: .85em;
	
}
/*
News page JS table Layout
----------------------------------------------------------*/
.news_js{
	border: none;
	background:none;
}
.tbl_newsjs td{
		background: none;
}

/*
SPRITE NAV
----------------------------------------------------------*/

/* SPRITE NAVIGATION */
#nav {
	background: url(../images/navbar.gif) top left no-repeat;					
	width: 1000px;		/* Width of buttons, not entite image (or half of entire image) */
	height: 60px;		/* Height of entire image */
	margin:0;
	padding:0;
	margin-top: 0px;
}
#nav span { display: none; }
#nav li { 
	position: relative;
	float: left;
	list-style: none;
}
#nav li, #nav a { 
	height: 60px;			/* Each button must have the same height, define it here */
	display: block;
}


/* left - defines offset from left edge, will most likely just be 0 */
/* width - width of each button, they will each most likely be unique */
#nav-01 {left: 21px; width: 145px;}
#nav-02 {left: 21px; width: 134px;}
#nav-03 {left: 21px; width: 134px;}
#nav-04 {left: 21px; width: 133px;}
#nav-05 {left: 21px; width: 136px;}
#nav-06 {left: 21px; width: 133px;}
#nav-07 {left: 21px; width: 135px;}


/* Changed values should match "width" numbers specified above */
#nav-01 a:hover {background: transparent url("../images/navbar.gif") -21px -60px no-repeat;}
#nav-02 a:hover {background: transparent url("../images/navbar.gif") -166px -60px no-repeat;}
#nav-03 a:hover {background: transparent url("../images/navbar.gif") -300px -60px no-repeat;}
#nav-04 a:hover {background: transparent url("../images/navbar.gif") -434px -60px no-repeat;}
#nav-05 a:hover {background: transparent url("../images/navbar.gif") -568px -60px no-repeat;}
#nav-06 a:hover {background: transparent url("../images/navbar.gif") -703px -60px no-repeat;}
#nav-07 a:hover {background: transparent url("../images/navbar.gif") -838px -60px no-repeat;}

/* Son of Suckerfish: Horizontal Sprite Nav Drop-Down-Menu
 * ------------------------------------------------------------------------- */

#nav li ul {
	position:absolute;
	left:-9999px;
	text-align:left;
	float:left;
	z-index:5;
	}

#nav li ul li { 
	height:25px; 				/* Height of each drop down nav item */
	border:1px solid #03284c;
	border-top:none;
	background-color:#03284c; /* Put background here! Not in the ul!!*/
	left: 0px; /*Optional - Makes drop-down line up even with the dividing line in primary nav (instead of 1px to the right) */
	margin-left: 0px;
	}	

#nav li ul li a {
	width:100%;
	height:25px;				/* Height of each drop down nav item, should match above */
	line-height:25px;			/* Height of each drop down nav item again, should match above */
	}

#nav li ul li a span {
	display:block;
	padding-left:20px;
	}

/* Drop down link styles */
#nav a:link, #nav a:visited, #nav a:hover, #nav a:active {
	font-size:.9em;
	color:#fff;
	text-decoration:none;
	}

#nav li:hover ul, #nav li.sfHover ul	{ left: auto; background-position: 0 0; }

/* Hover styles for drop down items */
#nav-01 ul a:hover, #nav-02 ul a:hover, #nav-03 ul a:hover, #nav-04 ul a:hover, #nav-05 ul a:hover, #nav-06 ul a:hover, #nav-07 ul a:hover, #nav-08 ul a:hover{ 
	background-image:none;
	background-color:#64a9d0;
	color:#fff;
	text-decoration:none;
	cursor:pointer; 
	}

/* width of drop down nav - choose width that allows items to display on one line */
#nav-01 ul, #nav-01 li { width:115px; }
#nav-02 ul, #nav-02 li { width:122px; }	
#nav-03 ul, #nav-03 li { width:180px; }		
#nav-04 ul, #nav-04 li { width:140px; }	
#nav-05 ul, #nav-05 li { width:140px; }	
#nav-06 ul, #nav-06 li { width:140px; }	
#nav-07 ul, #nav-07 li { width:120px; }	


/*html fix*/
#nav li:hover ul, #nav li.sfhover ul { left: auto; background-position: 0 0; }