body {
margin: 0px;
background-color: #0869A2;
background-image: url("/images/blue_fade.jpg");
background-position:top center;
background-repeat:no-repeat;
}

a {
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
font-style:normal;
color:#0869A2;
text-decoration:underline;
}

a:hover {
text-decoration:none;
}


.study_top{
	padding: 0px 0px 7px 0px;
	border-bottom: 1px #cccccc solid;
}

.study{

	padding: 7px 0px;
	border-bottom: 1px #cccccc solid;
}
.study_bottom{
	padding: 7px 0px 0px 0px;
	border-bottom: 0px #cccccc solid;
}

.border {
	border: 1px #83B2DA solid;
	}
	
.border2 {

	border: 1px #FF4646 solid;
}

.border_light {
	border: 1px #cccccc solid;
	}

.border_dark {
	border: 1px #0869A2 solid;
	}

.border_nav {
	border-top: 1px #83B2DA solid;
	border-left: 1px #83B2DA solid;
	border-bottom: 1px #83B2DA solid;
	}
	
.border_right {ftp://nyloxinc:@ftp.nyloxin.com/public_html/fulfillment/
	border-right: 5px #83B2DA solid;
	}

.border_bottom_page_header {
    border-bottom: 1px #83B2DA solid;
    padding: 0px 0px 8px 0px;

}

.border_thick {

	border: 10px #83B2DA solid;

	}

	

.border_blue {

	border: 5px #83B2DA solid;

}

.header {

font-family:Arial, Helvetica, sans-serif;

font-size:14px;

line-height:.6cm;

font-weight:bold;

color:#ffffff;

padding: 3px 0px;

border-bottom: 1px #83B2DA solid;

}

.header_side {

font-family:Arial, Helvetica, sans-serif;

font-size:13px;

line-height:.6cm;

font-weight:bold;

color:#ffffff;

padding: 3px 0px;

border-bottom: 1px #83B2DA solid;

}

.header_page {

font-family:Arial, Helvetica, sans-serif;

font-size:24px;

font-weight:bold;

color:#0869A2;

}

.header_page1 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:24px;
	font-weight:bold;
	color:#FFFFFF;
	padding-right: 0px;
	padding-left: 15px;
}

.header_page2 {

font-family:Arial, Helvetica, sans-serif;

font-size:14px;

line-height:.6cm;

font-weight:bold;

color:#0869A2;

}

.header_page2_red {

font-family:Arial, Helvetica, sans-serif;

font-size:14px;

line-height:.6cm;

font-weight:bold;

color:#E42325;

}

.main {
padding: 0px 25px 25px 25px;
}

/* begin productGrid */
/* only used when a product is displaying a "grid" (multiple columns) of products */

#productGrid {
	text-align: left;
	margin: 5px;
	width: 100%;
}

#productGrid h2 { }

#productGrid #categoryDescription {
	float: left;
	clear: left;
	margin-bottom: 10px;
	border: 1px solid #FFFFFF;
	width: 100%;
	height: auto;
}

#productGrid table{
	float: left;
	clear: left;
	width: 100%;
}

#productGrid #topOptions {
	width: 100%;
	height: 10px;
	float: left;
	clear: left;
}

#productGrid #topOptions .search {
	float: left;
	clear: left;
}

#productGrid #topOptions .myrow {
	width: 100%;
}

#productGrid #topOptions .display {
	clear: left;
	float: left;
	text-align: left;
	display: none;
}

#productGrid #topOptions .sort {

	float: right;
	text-align: right;
	display: none;
}

#productGrid #topOptions .sort .label {
	float: left;

}

#productGrid #topOptions .sort .option {
	float: left;
}

#productGrid #topOptions .sort .option select {
}
/* used in 3 column product Grids */
#productGrid .content-even3 {
    border: 1px dotted #D9D9D9;
    text-align: left;
    vertical-align: top;
    padding: 8px;
    margin:  4px;
    width: 30%;
    padding-left: 8px;
    padding-right: 8px;
    padding-bottom: 10px;
}

#productGrid .content-odd3 {
    border: 1px dotted #D9D9D9;
    text-align: left;
    vertical-align: top;
    padding: 8px;
    margin:  4px;
    width: 30%;
    padding-left: 8px;
    padding-right: 8px;
    padding-bottom: 10px;
}
#productGrid .title {
	margin-top: 8px;
	margin-bottom: 3px;
	text-align: left;
	float: left;
	clear: both;
	width: 100%;
}

#productGrid .title a {
	color: #0869A2;
	font-size: 14px;
	text-decoration: underline;
	font-weight: bold;
	line-height: 16px;
}

#productGrid .title a:hover {
	text-decoration: none;
}

#productGrid .photo {
	width: 100%;
	height: auto;
	float: left;
	clear: left;
}

#productGrid .details {
	width: 100%;
	height: auto;
	font-size: 11px;
	font-weight: normal;
	float: right;
	clear: none;
	text-align: left;
	color: #000;
}

#productGrid .description {
	float: left;
	clear: left;
	width: 100%;
	height: auto;
	text-align: left;
}

#productGrid .details .sprice {
	float: left;
	clear: left;
	width: 100%;
	font-size: 13px;
	font-weight: bold;
	color: 000;
    text-align: rightt;
	margin-top: 3px;
	margin-bottom: 3px;
}

#productGrid .details .buttons {
	width: 100%;
	height: auto;
	float: left;
	clear: left;
	text-align: right;
	padding: 10px 0px 10px;
}

#productGrid .details .buttons .detailBtn {
	background:url(../design/images/small_btn.gif) no-repeat center center;
	font-weight: bold;
	font-size: 10px;
	float: left;
	padding-top: 8px;
	padding-bottom: 6px;
    width: 100%;
	height: 16px;
	text-align: left;
	vertical-align: middle;
}

#productGrid .details .buttons .detailBtn a {
	color: #FFFFFF;
	text-decoration: none;
}

#productGrid .details .buttons .detailBtn a:hover {
	color: #FFFFFF;
	text-decoration: underline;
}

#productGrid .details .buttons .addToCartBtn {
	background:url(../design/images/medium_btn.gif) no-repeat center center;
	font-weight: bold;
	font-size: 11px;
	float: left;
	padding-top: 10px;
	padding-bottom: 6px;
    text-align: left;
	vertical-align: middle;
}

#productGrid .details .buttons .addToCartBtn a {
	color: #FFFFFF;
	text-decoration: none;
}

#productGrid .details .buttons .addToCartBtn a:hover {
	color: #FFFFFF;
	text-decoration: underline;
}

/* end productGrid */

.header_404 {
font-size:18px;

font-weight:bold;

color:#FFFFFF;

font-family: Arial, Helvetica, sans-serif;

}

.header_sub_404 {

font-size:14px;

font-weight:normal;

color:#FFFFFF;

font-family: Arial, Helvetica, sans-serif;

}

a#404 {

font-family:Arial, Helvetica, sans-serif;

font-size:12px;

font-style:normal;

color:#ffffff;

text-decoration:underline;

}

a:hover#404 {

text-decoration:none;

}



ul.check {

list-style-image: url(images/checkbox.jpg);

font-family:Arial, Helvetica, sans-serif;

font-size:12px;

line-height:.6cm;

font-weight:normal;

color:#000000;

}

.header_home {

font-family:Arial, Helvetica, sans-serif;

font-size:20px;

line-height:.85cm;

padding: 0px 25px 15px 25px;

font-weight:bold;

color:#0869A2;

border-bottom: 1px #83B2DA solid;

}

.header_home2 {

font-family:Arial, Helvetica, sans-serif;

font-size:12px;

line-height:.6cm;

font-weight:normal;

color:#000000;

padding: 0px 0px 20px 0px;

border-bottom: 0px #83B2DA solid;

}

.header_home3 {

font-family:Arial, Helvetica, sans-serif;

font-size:20px;

line-height:.85cm;

padding: 0px 25px 15px 0px;

font-weight:bold;

color:#0869A2;

}

.paragraph {

	font-family:Arial, Helvetica, sans-serif;

	font-size:12px;

	line-height:0.6cm;

	font-weight:normal;

	color:#ffffff;

}

.paragraph_landing {

	font-family:Arial, Helvetica, sans-serif;

	font-size:12px;

	line-height:0.6cm;

	font-weight:normal;

	color:#ffffff;
	
	padding-left:15px;
	
	padding-right:100px;
	
	padding-bottom:15px;
}

.paragraph_side {

font-family:Arial, Helvetica, sans-serif;

font-size:11px;

line-height:.6cm;

font-weight:normal;

color:#ffffff;

}

.p {

font-family:Arial, Helvetica, sans-serif;

font-size:12px;

line-height:.6cm;

font-weight:normal;

color:#000000;

}

.intro {

font-family:Arial, Helvetica, sans-serif;

font-size:12px;

line-height:.6cm;

font-weight:normal;

color:#000000;

background-color: #f7f7f7;

border: 1px #dedede solid;

}

.paragraph_small {

font-family:Arial, Helvetica, sans-serif;

font-size:11px;

line-height:.55cm;

font-weight:normal;

}

.paragraph_page_top {

font-family:Arial, Helvetica, sans-serif;

font-size:12px;

line-height:.6cm;

font-weight:normal;

color:#000000;

}

.paragraph_page {

font-family:Arial, Helvetica, sans-serif;

font-size:12px;

line-height:.6cm;

font-weight:normal;

color:#000000;

}

.paragraph_home {

font-family:Arial, Helvetica, sans-serif;

font-size:12px;

line-height:.6cm;

font-weight:normal;

color:#444444;

}

p {

font-family:Arial, Helvetica, sans-serif;

font-size:12px;

line-height:.6cm;

font-weight:normal;

color:#444444;

}

.footer {

font-family:Arial, Helvetica, sans-serif;

font-size:10px;

line-height:.6cm;

font-weight:normal;

color:#ffffff;

}

.link_box_left {

padding: 0px 6px 0px 0px;

border-right: 1px #629CCD solid;

}

.link_box_right {

padding: 0px 0px 0px 6px;

}

.button {

background: url('/images/submit.jpg');

display: block;

width: 70px;

height:23px;

}

.learn_more {

font-family:Arial, Helvetica, sans-serif;

font-size:11px;

font-weight:normal;

color:#ffffff;

background-color:#0096D3;

border: 1px #629CCD solid;

padding: 1px 4px;

}

a#shop_nav {

font-family:Arial, Helvetica, sans-serif;

font-size:11px;

font-style:normal;

color:#104f84;

background-color:#eeeeee;

display: block;

padding: 6px 8px;

text-decoration:none;

}

a:hover#shop_nav {

text-decoration:none;

background-color:#dddddd;

}

.border_table_bottom {

border: 1px solid #83B2DA;	

}

a#footer {

font-family:Arial, Helvetica, sans-serif;

font-size:10px;

font-style:normal;

color:#ffffff;

text-decoration:underline;

}

a:hover#footer {

text-decoration:none;

}

a#side {

font-family:Arial, Helvetica, sans-serif;

font-size:11px;

font-style:normal;

color:#ffffff;

display: block;

border-bottom: 1px #629CCD solid;

padding: 5px 4px;

text-decoration:none;

}

a:hover#side {

display: block;

padding: 5px 4px 5px 6px;

text-decoration:none;

}

a#breadcrumbs {

font-family:Arial, Helvetica, sans-serif;

font-size:10px;

font-style:normal;

color:#000000;

text-decoration:underline;

}

a:hover#breadcrumbs {

text-decoration:none;

}

.breadcrumbs {

font-family:Arial, Helvetica, sans-serif;

font-size:10px;

font-style:normal;

color:#000000;

}

a#nav {

font-family:Arial, Helvetica, sans-serif;

font-size:12px;

font-style:normal;

font-weight:normal;

color:#ffffff;

border-right: 1px #83B2DA solid;

display: block;

padding: 10px 15px;

text-decoration:none;

}

a:hover#nav {

background-color:#0869A2;

color:#ffffff;

}

a#nav_shop {

font-family:Arial, Helvetica, sans-serif;

font-size:12px;

font-style:normal;

font-weight:normal;

color:#ffffff;

border-right: 1px #83B2DA solid;

display: block;

padding: 10px 15px;

text-decoration:none;

}

a:hover#nav_shop {

background-color:#0869A2;

color:#ffffff;

}



a#nav_active {

font-family:Arial, Helvetica, sans-serif;

font-size:12px;

font-style:normal;

font-weight:normal;

color:#ffffff;

border-right: 1px #83B2DA solid;

display: block;

padding: 10px 15px;

text-decoration:none;

}

a:hover#nav_active {

background-color:#0869A2;

}

a#header {

font-family:Arial, Helvetica, sans-serif;

font-size:12px;

font-style:normal;

font-weight:bold;

color:#ffffff;

text-decoration:none;

}

a:hover#header {

text-decoration:underline;

}



a#home {

font-family:Arial, Helvetica, sans-serif;

font-size:12px;

font-style:normal;

color:#ffffff;

display: block;

padding: 5px 8px;

background-color: #00A1E0;

text-decoration:none;

}

a:hover#home {

background-color:#0182B5;

}

a#home2 {

font-family:Arial, Helvetica, sans-serif;

font-size:12px;

font-style:normal;

color:#ffffff;

display: block;

padding: 5px 8px;

background-color: #FF0000;

;

text-decoration:none;

}

a:hover#home2 {

background-color:#DD0000;

}



a#button {

font-family:Arial, Helvetica, sans-serif;

font-size:11px;

font-style:normal;

color:#ffffff;

display: block;

padding: 5px 8px;

background-color: #00A1E0;

text-decoration:none;

border: 1px #83B2DA solid;

}

a:hover#button {

background-color:#0182B5;

}

.text_box{

font-family:Arial, Helvetica, sans-serif;

font-size:12px;

font-weight:normal;

color:#000000;

}

.text_box_footer{

font-family:Arial, Helvetica, sans-serif;

font-size:10px;

font-weight:normal;

color:#000000;

}



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

  REQUIRED to hide the non-active tab content.

  But do not hide them in the print stylesheet!

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

.tabberlive .tabbertabhide {

 display:none;

}

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

  .tabber = before the tabber interface is set up

  .tabberlive = after the tabber interface is set up

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

.tabber {

}

.tabberlive {

 margin-top:1em;

}

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

  ul.tabbernav = the tab navigation list

  li.tabberactive = the active tab

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

ul.tabbernav

{

 margin:0;

 padding: 3px 0;

 color: #0869A2;

 border-bottom: 1px solid #cccccc;

 font: bold 12px Verdana, sans-serif;

}

ul.tabbernav li

{

 list-style: none;

 margin: 0;

 display: inline;

}

ul.tabbernav li a

{

 color: #0869A2;

 padding: 3px 0.5em;

 margin-left: 3px;

 border: 1px solid #cccccc;

 border-bottom: none;

 background: #F0F0F0;

 text-decoration: none;

font-family:Arial, Helvetica, sans-serif;

font-size:14px;

font-weight:bold;

color:#0869A2;

}

ul.tabbernav li a:link { color: #0869A2; }

ul.tabbernav li a:visited { color:#0869A2; }

ul.tabbernav li a:hover

{

 color: #0869A2;

 background: #D8E5F6;

 border-color: #cccccc;

}

ul.tabbernav li.tabberactive a

{

 background-color: #fff;

 border-bottom: 1px solid #fff;

}

ul.tabbernav li.tabberactive a:hover

{

 color: #0869A2;

 background: white;

 border-bottom: 1px solid white;

}

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

  .tabbertab = the tab content

  Add style only after the tabber interface is set up (.tabberlive)

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

.tabberlive .tabbertab {

 padding:15px;

 border:1px solid #cccccc;

 border-top:0;

 /* If you don't want the tab size changing whenever a tab is changed

    you can set a fixed height */

 /* height:200px; */

 /* If you set a fix height set overflow to auto and you will get a

    scrollbar when necessary */

 /* overflow:auto; */

}

/* If desired, hide the heading since a heading is provided by the tab */

.tabberlive .tabbertab h2 {

 display:none;

}

.tabberlive .tabbertab h3 {

 display:none;

}

/* Example of using an ID to set different styles for the tabs on the page */

.tabberlive#tab1 {

}

.tabberlive#tab2 {

}

.tabberlive#tab2 .tabbertab {

 height:200px;

 overflow:auto;

}

h2 {

color: #444444;

}

/* INPUT FIELD CSS Copy this to your style sheet

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

#contactform {

	-moz-border-radius:5px;

	margin-left:auto;

	margin-right:auto;

}

#contactform form {

	font:normal 12px/18px Arial;

	color: #444444;

	margin:0 0;

	width:100%;

}

#contactform fieldset {

	border:0px solid #ddd;

	-moz-border-radius:5px

}

* html #contactform fieldset {

	position:relative;

}

* html #contactform legend {

	position:absolute;

	top:-1.2em;

	left:0;

}

#contactform fieldset legend {

	font:normal bold 18px/26px Arial;

	color: #444444;

	padding:3px 25px;

	margin-left:30px;

	text-transform:uppercase;

	border:0px solid #ddd;

}

#contactform fieldset legend span {

	font:normal 12px/18px Arial;

	color: #444444;

	text-transform:uppercase;

	display:block;

}

#contactform form label {

	display:block;

	float:left;

	width:150px;

	padding:6px 10px 0 0;

	margin:0px;

	text-align:right;

}

#contactform input.inpt, #contactform textarea, #contactform select {

	width:260px;

	font:normal 12px/18px Arial;

	color: #444444;

	padding:5px;

	margin:5px 0 5px 0;

	background:#f5f5f5;

	border:1px solid #ddd;

}

#contactform form .required {

}

form br {

	clear:left;

}

#contactform input.required {

	background:#f5f5f5 url('/contact/images/required.gif') 98% 50% no-repeat;

}

#contactform input.required {

	background:#f5f5f5 url('/contact/images/required.gif') 98% 50% no-repeat;

}

#contactform .select select:focus {

	border-color: #9b9b9b;

}

#contactform form input.btn

	{

		background:none;

		border:none;

	}

form.c1 input:hover,textarea:hover

	{

		border:0px solid #d8d8d8;

	}
	
	/*    POPUP
--------------------------------*/
#productDetailPopupShoppingCart {
    width: 500px;
    padding: 0;
    font-size: 14px;
}
#productDetailPopupShoppingCart p {
    margin: 5px 0;
}
#cp_main {
    padding: 15px;
}
#cp_main h1 {
    font-size: 20px;
    margin: 10px 0;
}
#cp_main h2 {
    color: #444;
    margin-bottom: 10px;
}
#cp_main .cpThumb {
    float: left;
    width: 30%;
}
#cp_main .cpDescription {
    float: left;
    width: 70%;
}
#cp_cross_sell {
    padding: 15px;
}
#cp_cross_sell h2 {
    font-size: 12px;
    padding-bottom: 12px;
}
#cp_cross_sell .cp_cross_sell_item {
    width: 33%;
    text-align: center;
    float: left;
}
#cp_cross_sell .cp_cross_sell_item .name {
    padding-bottom: 5px;
}
#cp_bottom {
    font-size: 12px;
    padding: 15px;
    background: #efefef;
    float: left;
    width: 470px;
}

#cp_bottom .cpTotal {
    float: left;
    width: 70%;
}
#cp_bottom .cpTotal span {
    font-weight: bold;
}
#cp_bottom .cpButtons {
    float: right;
    width: 30%;
}

/* end productDetail */

#viewCartTaxPopup {
    max-width: 650px;
}


/*    VIEW CART POPUP (BOXY)
--------------------------------------------------*/
.viewCartPopup .viewCartPopupInput {
    overflow: auto;
    margin: 5px 0;
}
.viewCartPopup {
    width: 350px;
}
.viewCartPopup .form-label {
    text-align:  left;
    font-weight: bold;
    padding: 0;
    margin-right: 10px;
    width: 120px;
    clear: none;
    text-indent: 0;
}
.viewCartPopup .form-field input[type="text"], .viewCartPopup select {
    width: 200px;
}
.viewCartPopup #serviceLogo {
    float: left;
    padding: 0 10px;
}
.viewCartPopup .viewCartTaxDivAddress {
    max-width: 325px;
    float: left;
}
#serviceLogo + p {
    font-size: 10px;
    color: silver;
    width: 230px;
}

#viewCartTaxPopup {
    max-width: 650px;
}

/* end view cart */
.boxy-wrapper {position:absolute;}
/* begin popupShipping */

#popupShipping {
    text-align: left;
    margin: 10px;
}

#popupShipping h2 {
    width: 300px;
}

#popupShipping #pageNote{
    float: left;
    width: 100%;
}

#popupShipping #serviceLogo {
    width: 150px;
    float: right;
    padding-left: 15px;
}

/* end popupShipping */



/* Error / Success / Notice 

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

.notes		{ background:#f0f0f0; border:0px solid #e4e4e4; }

.success	{ background:#ffffff; border:0px solid #e4e4e4; }

.error		{ background:#ffffff; border:0px solid #e4e4e4; }

.notice		{ background:#fcf0cc; border:0px solid #e4e4e4; }

.notes,.notice,.success,.error

			{

				font-family: Arial, Helvetica, sans-serif;

				font-size:100%;

				color:#444444;

				padding:10px;

				width:90%;

				margin: 0 auto;

				margin-bottom:20px;

				text-align:left

			}

.notes span,.notice span,.success span,.error span 

			{

				font-weight:bold;

				font-size:1.2em;

				padding:2px 40px;

			}

.notes p,.success p,.error p,.notice p

			{

				margin:0px;

				padding:0px;

.notification_ok

	{

	border: 1px #567397 solid;

	height: auto;

	width: 90%;

	padding: 8px;

	background: #f5f9fd;

	text-align: center;

	-moz-border-radius: 5px;

	}