@charset "utf-8";
/* CSS Document */

body
{
	margin:10px 0 10px 0;
	background-color:#DDDDDD;
}

.container
{
	margin:0 auto;
	width:1027px;
	background-color:#FFFFFF;
	position:relative;
}

/* top curve */
.curve-top
{
	background:#FFFFFF url(../images/curvesTop.jpg) no-repeat;
	height:12px;
}

/* bottom curve */
.curve-bottom
{
	background:#FFFFFF url(../images/curvesBottom.jpg) no-repeat bottom;
	height:13px;
}

.shell
{
	background-color:#FFFFFF;
	min-height:500px;
}

.header
{
	margin:0 auto;
	width:960px;
	padding-bottom:15px;
}

.header .top-info
{
	font-family:Arial, Helvetica, sans-serif;
	font-size:20px;
	color:#666666;
	width:250px;
	text-align:right;
	position:absolute;
	top:75px;
	left:740px;
}

.header a:link, .header a:visited
{
	color:#666666;
	text-decoration:none;
}

img.logo
{
	float:left;
	margin:0 0 15px 5px;
	border-width:0;
}

img.icon
{
	position:relative;
	top:2px;
	margin-right:4px;
}

/* Navigation and Drop Down Menu */
.navBar
{
	width:960px;
	height:34px;
	margin:0 auto;
	background:url(../images/navMain.jpg) no-repeat;
	clear:both;
	padding-bottom:3px;
}

#nav, #nav ul
{
	width:960px;
	height:39px;
	float:left;
	position:relative;
	z-index:6;
	font-size:10px;
	padding:0;
	margin:0;
}

#nav li 
{
	float:left;
	list-style-type:none;
}

#nav li a 
{
	color:#fff;
	text-decoration:none;
	background:url(../images/nav.jpg) repeat-x;
	display:block;
	height:33px;
	float:left;
	padding:0 20px 0 20px;
	line-height:32px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#444444;
	font-weight:bold;
}

#nav li a:hover, #nav li:hover a
{
	text-decoration:none;
	color:#FFFFFF;
	background:#88898D url(../images/nav-O.jpg) repeat-x;
}

#nav li a.isOn 
{
	color:#fff;
	text-decoration:none;
	background-position:0px 0px;
}

#nav li a.leftSide
{
	background:url(../images/nav-left.jpg) no-repeat;
}

#nav li a.leftSide:hover
{
	background:url(../images/nav-left-O.jpg) no-repeat;
}

div.arrow-up
{
	background:url(../images/arrow-up.gif) no-repeat center bottom;
	height:33px;
	cursor:pointer;
	color:#FFFFFF;
	float:left;
}


#nav li.dotted-line
{
	background:url(../images/dotte-line.jpg) no-repeat right center;
	width:1px;
	height:33px;
}

#nav li a.leftSideIsOn 
{
	background:url(../images/nav-left-O.jpg) no-repeat;
}



#nav li ul 
{ /* second-level lists */
	position:absolute;
	top:33px;
	width:175px;
	height:auto;
	clear:both;
	left: -999em;
	text-align:left;
	list-style-type:none;
	z-index:7;
	padding:0;
	margin:0;
	border:1px #cccccc solid;
	background-color:#FCFDFD;
}

#nav li ul li 
{
	padding:0;
	margin:0;
	float:left;
	background-image:none;
}

#nav li ul li a, #nav li ul li a:link, #nav li ul li a:visited, #nav li ul li a:active
{
	float:left;
	display:block;
	width:135px;
	height:25px;
	line-height:25px;
	background-image:none;
	background-color:#FCFDFD;
	color:#707070;
	font-size:12px;
}

#nav li ul li a:hover 
{
	background-color:#F7931E;
	background-image:none;
	color:#FFFFFF;
}

#nav li:hover ul, #nav li.sfhover ul 
{ /* lists nested under hovered list items */
	left: auto;
	background:none;
}

#nav li:hover, #nav li.hover 
{
    position:static;
	background:none;
}


/*------------------ End Drop Down Nav ------------------------------*/

body.home .header-image
{
	width:978px;
	height:248px;
	margin:0 auto;
}

body.sub .header-image
{
	display:none;
}

/* body area - this holds the three info boxes and content area */
.body-area
{
	margin:0 auto;
	width:978px;
}

.content-area
{
	padding:0 15px 0 15px;
}

.content-area-sub
{
	padding:10px 15px 0 15px;
	border-left:1px #808080 dotted;
	width:770px;
	min-height:400px;
	float:right;
}

.content-area a, .content-area-sub a
{
	color:#193978;
}

.content-area-sub h3 
{
	font-family:Arial, Helvetica, sans-serif;
	font-size:17px;
	font-weight:normal;
	color:#193978;
}

.content-area-sub b
{
	color:#193978;
}

.borders
{
	clear:both;
	border-top:1px #CCCCCC solid;
	border-bottom:1px #CCCCCC solid;
	padding-top:5px;
}

img.ad-image
{
	float:right;
	margin:15px 20px 5px 20px;
}

/* left side navigation */
.left-nav
{
	float:left;
}

ul.left-list
{
	margin:10px 0 0 0;
	padding:0;
	list-style-type:none;
}

ul.left-list li
{
	margin:0 0 0 20px;
	padding-left:10px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
}

ul.left-list li.dot
{
	background:url(../images/gray-dot.gif) no-repeat left 5px;
}

ul.left-list li a:link, ul.left-list li a:visited, ul.left-list li a:active
{
	color:#F69301;
	text-decoration:none;
	line-height:16px;
}

ul.left-list li a:hover
{
	border-bottom:1px #88898D dotted;
}

ul.left-list ul
{
	margin:0 0 5px 0;
	padding:0;
	list-style-type:none;
}

ul.left-list ul li
{
	margin:0 0 0 5px;
	font-weight:normal;
}

ul.left-list ul li a:link, ul.left-list ul li a:visited
{
	color:#808080;
	line-height:10px;
}

ul.left-list ul li.arrow-sub /* this style is to show a bullet next to the sub-category on the left side nav */
{
	background:url(../images/arrow-sub.gif) no-repeat left 5px;
}



/*--------------------------------------------------------*/

/* boxes styles */
.boxes
{
	clear:both;
	padding-top:10px;
}

.box
{
	width:318px;
	float:left;
	margin-left:5px;
	margin-bottom:10px;
}

.bor-vert-line
{
	border-right:1px #808080 dotted;
}

.box-header
{
	background:url(../images/bar-small.jpg) no-repeat left center;
	width:313px;
	height:33px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#444444;
	font-weight:bold;
	line-height:30px;
}

.box-header img
{
	margin:5px 10px 5px 5px;
	float:left;
}

.box-content
{
	min-height:175px;
	padding:10px;
}

.box-content p
{
	margin:0 0 15px 0;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#4c4c4c;
	font-weight:normal;
}

.content-area-sub .title,
.box-content .title
{
	font-size:13;
	color:#193978;
	font-weight:bold;
}

.box-content a:link, .box-content a:visited
{
	color:#F69301;
	font-size:10px;
}

.box-content ul
{
	margin:0 0 0 15px;
	padding:0;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#4c4c4c;
	font-weight:normal;
}

.box-bubble
{
	margin:10px auto;
	background:url(../images/bubble.jpg) no-repeat;
	width:293px;
	height:188px;
}

.bubble-text
{
	padding:10px 35px 10px 35px;
}

.bubble-text p
{
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#193978;
	margin:0;
}

/* content styles */
h1
{
	font-family:Arial, Helvetica, sans-serif;
	font-size:18px;
	color:#F69301;
	font-weight:normal;
	margin:0px;
}

h2
{
	font-family:Arial, Helvetica, sans-serif;
	font-size:30px;
	margin:0;
	color:#F69301;
	border-bottom:1px #808080 dotted;
	font-weight:normal;
}

p, ul
{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#4c4c4c;
}

div.product
{
	background:url(../images/product-gradient.jpg) repeat-y;
	margin-top:0px;
	padding-top:5px;
	border:1px #FFFFFF solid;
}

div.product:hover
{
	background:url(../images/product-gradient-hover.jpg) repeat-y;
	border:1px #999999 dotted;
	cursor:pointer;
}

/*div.product .prod-title*/
div.product p
{
	margin:0 15px 0 15px;
}

.prod-title
{
	font-size:16px;
	color:#193978;
	line-height:25px;
}

.prod-title2
{
	font-size:14px;
	color:#193978;
	line-height:25px;
}

a.prod-title:link, a.prod-title:visited
{
	background:url(../images/arrow-orange.gif) no-repeat right center;
	color:#193978;
	text-decoration:none;
	padding-right:30px;
}

a.prod-title2:link, a.prod-title2:visited
{
	background:url(../images/arrow-orange-sm.gif) no-repeat right center;
	color:#193978;
	text-decoration:none;
	padding-right:30px;
}


/* product table */
table.prod-table
{
	width:100%;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#4c4c4c;
}

td.prod-table 
{
	border-bottom:1px #cfcdcd solid;
	padding:10px;
	vertical-align:top;
}

.title-new
{
	font-size:16px;
	color:#F69301;
	font-weight:normal;
}

table.prod-table2
{
	width:100%;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#4c4c4c;
}

table.prod-table2 td
{
	border-bottom:1px #cfcdcd solid;
	padding:4px 0 4px 0;
	text-align:center;
}

td.divider1
{
	width:15px;
	border-right:1px #cfcdcd solid;
	border-bottom:1px #fff solid;
}

td.divider2
{
	width:15px;
	border-bottom:1px #fff solid;
}

/* image place holder */
.image-holder
{
	float:right;
	width:150px;
	height:200px;
	border:1px #000000 solid;
	margin-left:10px;
}

/* footer */
.footer
{
	padding:10px 14px 10px 14px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#4c4c4c;
	clear:both;
}

.footer a:link, .footer a:visited
{
	color:#4c4c4c;
}

.copyright
{
	width:95px;
	float:right;
}

.preload
{
	display:none;
}

img.title-image
{
	float:right;
	margin-left:10px;
}

.orange
{
	color:#F69301;
}

/* email box and form styles */
.email-box
{
	background:#DDDDDD;
	border:1px #9D9D9D solid;
	float:right;
	margin:10px 0 0 10px;
	min-height:200px;
	padding:10px;
	position:relative;
	width:240px;
}

.email-box .top-left
{
	background:url(../images/emailbox.gif) no-repeat left top;
	height:8px;
	left:-1px;
	position:absolute;
	top:-1px;
	width:8px;
	z-index:10;
}

.email-box .top-right
{
	background:url(../images/emailbox.gif) no-repeat right top;
	height:8px;
	position:absolute;
	right:-1px;
	top:-1px;
	width:8px;
	z-index:10;
}

.email-box .bottom-left
{
	background:url(../images/emailbox.gif) no-repeat left bottom;
	bottom:-1px;
	height:8px;
	left:-1px;
	position:absolute;
	width:8px;
	z-index:10;
}

.email-box .bottom-right
{
	background:url(../images/emailbox.gif) no-repeat right bottom;
	bottom:-1px;
	height:8px;
	position:absolute;
	right:-1px;
	width:8px;
	z-index:10;
}

.email-box p
{
	font-size:10px;
	text-align:right;
}

.email-box .email-title
{
	color:#666666;
	font-size:13px;
	font-weight:bold;
	margin:0;
	text-align:center;
}

.email-box .larger-title
{
	color:#F69301;
	font-size:16px;
}

form
{
	margin:0;
}

.email-box input
{
	border:1px #B7B7B7 solid;
	font-size:11px;
	padding:3px;
}

.submit-bttn {
	background:url(../images/email-btn.jpg) no-repeat;
	border:0;
	width:82px;
	height:22px;
}

.h-divider
{
	border-bottom:1px #808080 dotted;
	clear:both;
}