/* CSS Document */

html, body
{
	background-color: #e4f0f2;
	margin: 0;
	padding: 0;
	font-family: Arial, Helvetica, sans-serif;
}

body
{
	background: #e4f0f2 url('../images/outside_inside_background.gif') repeat-x scroll left top;
}

#wrapper
{
	background-color: Transparent;
}

img
{
	border: none;
}

a
{
	outline: none;
}

form
{
	margin: 0;
	padding: 0;
}

.clear
{
	clear: both;
	font-size: 0;
	line-height: 0;
}

.left
{
	float: left;
}

.right
{
	float: right;
}

sup
{
	font-size: 9px;
	line-height: 0;
}

.small-gray
{
	font-size: 10px;
	color: #9b9d9e;
	padding: 0 7px;
}
.price-black
{
	font-size: 12px;
	color: #000000;
}

#wrapper
{
	margin: 0 auto;
	width: 725px;
	border-right: 1px solid #fcfdfd;
}
#search-results #search-no-results-message
{
	color: #868889;
	padding: 15px 0px 15px 15px;
	font-size: 15px;
}

#search-results .green-col-title
{
	background-color: #69A817;
	color: #FFFFFF;
	font-size: 11px;
	font-weight: bold;
	height: 25px;
	line-height: 25px;
	margin-bottom: 4px;
	padding-left: 8px;
	text-transform: uppercase;
}

#sitetabs
{
	float: left;
	width: 21px;
}

#main-wrapper
{
	float: left;
	width: 704px;
	position: relative;
}
#main-wrapper #oi-logo
{
	position: absolute;
	top: 0px;
	left: 0px;
	z-index: 100;
}

#top
{
	background: url(../images/oi_bg_top_nav.gif) left top no-repeat;
	height: 36px;
}

#top ul
{
	margin: 0;
	padding: 0;
	list-style-type: none;
	margin: 15px 0pt 0pt;
	float: left;
	display: inline;
}
#top ul li
{
	float: left;
	background-color: #437491;
}
#top ul li#nav-search
{
	padding-left: 107px;
}
#top #top-search
{
	float: left;
	margin: 0px 0px 0px 0pt;
	padding-left: 0px;
	background-color: #ffffff;
}
#top #top-search input
{
	float: left;
}
#top #top-search .field
{
	height: 17px;
	font-size: 10px;
	font-family: Arial, Helvetica, sans-serif;
	border: 1px solid #b0bbc0;
	width: 114px;
	margin-right: 1px;
	color: #999999;
	margin-left: 0px;
	text-transform: uppercase;
	font-weight: normal;
	padding-left: 2px;
}

#home-current-section
{
	height: 254px;
	position: relative;
}
#home-current-section #left-submenu
{
	height: 13px;
	width: 376px;
	position: absolute;
	left: 0px;
	bottom: 0px;
	background: url(../images/oi_bg_home_left_submenu.gif) left top no-repeat;
	font-size: 10px;
}
#home-current-section #left-submenu a
{
	text-decoration: none;
	color: #292929;
	margin-left: 13px;
	text-transform: uppercase;
	font-weight: bold;
}
#home-current-section #left-submenu a.stuff
{
	padding-left: 18px;
}
#home-current-section #right-submenu
{
	margin: 0;
	padding: 0;
	list-style-type: none;
	position: absolute;
	right: 0px;
	top: 0px;
	display: none;
}
#home-current-section #right-submenu li
{
	font-size: 0px;
	line-height: 0px;
	margin: 0;
	padding: 0;
	height: 14px;
	width: 140px;
}

#home-current-section-desc
{
	border-left: 1px solid #fcfdfd;
	border-right: 1px solid #fcfdfd;
	background: url(../images/oi_bg_home_section_desc.gif) left top repeat-x;
	width: 702px;
}
#home-current-section-desc #section-desc
{
	width: 380px;
	float: left;
	font-size: 9px;
	line-height: 12px;
	padding-top: 3px;
	color: #ffffff;
	margin-left: 8px;
	display: inline;
}
#home-current-section-desc #section-title
{
	float: right;
}
#home-current-section-desc #section-bottom
{
	border-top: 1px solid #6e6f70;
	height: 5px;
	font-size: 0px;
	background-color: #292929;
	clear: both;
}

#current-section-products
{
	padding: 0 1px;
	padding-bottom: 4px;
}
#current-section-products .ver-separator
{
	float: left;
	width: 3px;
}
#current-section-products .product
{
	float: left;
	width: 232px;
}
#current-section-products .product .product-name
{
	margin-top: 7px;
}
#current-section-products .product .product-name, #current-section-products .product .product-name a
{
	background-color: #e2eece;
	height: 25px;
	font-weight: bold;
	font-size: 12px;
	color: #004a80;
	padding-left: 7px;
	line-height: 25px;
	display: block;
	text-transform: lowercase;
	text-decoration: none;
}

#current-section-products .product .dimensions, #current-section-products .product .no-dimensions
{
	background: url(../images/oi_bg_home_dimensions.gif) left top no-repeat;
	height: 20px;
	font-size: 12px;
	line-height: 20px;
	padding-left: 10px;
}
#current-section-products .product .no-dimensions
{
	background: none;
}
#current-section-products .product .product-info
{
	height: 24px;
	background-color: #f1f1f1;
	padding: 0 9px;
	font-weight: bold;
	line-height: 24px;
}

#home-all-products
{
	background: url(../images/bg_home_all_products.gif) left top no-repeat;
	height: 27px;
	font-weight: bold;
	text-transform: uppercase;
}
#home-all-products #view-section-products
{
	float: left;
	font-size: 11px;
	padding: 7px 0 0 21px;
	color: #FFFFFF;
}
#home-all-products #view-all-products
{
	float: right;
	font-size: 10px;
	padding: 8px 8px 0 0;
}
#home-all-products a
{
	color: #FFFFFF;
}
#home-all-products a:link, #home-all-products a:visited
{
	text-decoration: none;
}
#home-all-products a:hover
{
	text-decoration: underline;
}

/* secondary pages */
#current-section
{
	height: 142px;
	position: relative;
}
#current-section #left-submenu
{
	height: 13px;
	width: 376px;
	position: absolute;
	left: 0px;
	bottom: 1px;
	background: url(../images/bg_home_left_submenu.gif) left top no-repeat;
	font-size: 10px;
}
#current-section #left-submenu a
{
	text-decoration: none;
	color: #292929;
	margin-left: 15px;
	text-transform: uppercase;
	font-weight: bold;
}
#current-section #left-submenu a.stuff
{
	padding-left: 18px;
}

#two-col
{
	width: 702px;
	border-left: 1px solid #fcfdfd;
	border-right: 1px solid #fcfdfd;
	background: url(../images/oi_bg_2col.gif) left top repeat-y;
}
#two-col #left-col
{
	float: left;
	width: 215px;
}
#two-col #left-col a:link, #two-col #left-col a:visited
{
	text-decoration: none;
}
#two-col #left-col a:hover
{
	text-decoration: underline;
}
#two-col #left-col .content-block
{
	background-color: #FFFFFF;
}
#two-col #left-col .content-block .yellow-header
{
	height: 25px;
	background-color: #f9b000;
	color: #FFFFFF;
	font-size: 11px;
	text-transform: uppercase;
	line-height: 25px;
	text-align: right;
	padding-right: 8px;
	font-weight: bold;
}
#two-col #left-col .content-block .green-header
{
	height: 25px;
	background-color: #acce69;
	color: #FFFFFF;
	font-size: 11px;
	text-transform: uppercase;
	padding-right: 8px;
	font-weight: bold;
}
#two-col #left-col .content-block .green-header .green-header-title
{
	float: right;
	background: url(../images/oi_icon_green_hdr_arrow.gif) left 3px no-repeat;
	padding-left: 11px;
	margin-top: 5px;
}
#two-col #left-col .content-block .compare-title
{
	height: 25px;
	background-color: #437491;
	color: #FFFFFF;
	font-size: 11px;
	text-transform: uppercase;
	padding-right: 8px;
	font-weight: bold;
}
#two-col #left-col .content-block .compare-title .compare
{
	float: right;
	background: url(../images/icon_green_hdr_check.gif) left 3px no-repeat;
	padding-left: 13px;
	margin-top: 5px;
}
#two-col #left-col .content-block .content
{
	padding: 6px 7px 3px 7px;
}
#two-col #left-col .content-block .title
{
	font-weight: bold;
	color: #6f6f70;
	font-size: 12px;
	text-transform: uppercase;
	margin-bottom: 5px;
}
#two-col #left-col .content-block .title2
{
	font-weight: bold;
	color: #6f6f70;
	font-size: 12px;
	text-transform: uppercase;
}
#two-col #left-col .content-block ul
{
	width: 90px;
	margin: 0 0 0 8px;
	padding: 0;
	list-style-type: none;
	font-size: 11px;
}
#two-col #left-col .content-block ul.about
{
	width: 100%;
	margin: 0 0 0 5px;
}
#two-col #left-col .content-block ul li
{
	padding: 0 0 5px 0;
	margin: 0 0 0 0;
	text-transform: uppercase;
	color: #868889;
	font-weight: bold;
}
#two-col #left-col .content-block ul li.light
{
	color: #9b9d9e;
	font-weight: normal;
	padding: 0;
}
#two-col #left-col .content-block ul li a
{
	font-weight: normal;
	color: #868889;
}
#two-col #left-col .content-block .item
{
	padding: 6px 3px;
}
#two-col #left-col .content-block .item .item-image
{
	position: relative;
	height: 105px;
	margin-bottom: 5px;
}
#two-col #left-col .content-block .item .item-image .item-icon
{
	position: absolute;
	right: 20px;
	bottom: 13px;
}
#two-col #left-col .content-block .item .item-image .item-price
{
	position: absolute;
	right: 2px;
	bottom: 0px;
	font-size: 12px;
	font-weight: bold;
}
#two-col #left-col .content-block .item .product-name, #two-col #left-col .content-block .item .product-name a
{
	font-size: 12px;
	line-height: 12px;
	color: #989a9f;
	font-weight: bold;
	text-decoration: none;
	text-transform: lowercase;
}
#two-col #left-col .content-block .item .product-name
{
	border-top: 1px solid #dedfdf;
	padding: 3px;
}

#two-col #left-col .content-block .item .product-desc
{
	font-size: 10px;
	line-height: 10px;
	padding: 10px 3px;
	color: #545454;
	font-weight: bold;
	border-top: 1px solid #dedfdf;
	text-transform: uppercase;
}
#two-col #left-col .content-block .item .product-number
{
	font-size: 10px;
	line-height: 11px;
	padding: 3px 1px 3px 0;
	color: #6f6f70;
	text-align: right;
}
#two-col #left-col .content-block .item .gray-separator
{
	background-color: #e6e7e7;
	height: 2px;
	font-size: 0;
	line-height: 0;
}
#two-col #left-col .content-block .item .item-desc
{
	color: #404040;
	font-size: 10px;
	padding: 0 4px 10px 4px;
	text-transform: uppercase;
}
#two-col #left-col .content-block .item .item-desc-compare
{
	color: #404040;
	font-size: 10px;
	padding: 0 4px 2px 4px;
	text-transform: uppercase;
}
#two-col #left-col .content-block .item .compare-check
{
	color: #7f8283;
	font-size: 12px;
}
#two-col #left-col .separator
{
	height: 4px;
	line-height: 0px;
	font-size: 0px;
	background-color: #e4f0f2;
}

#two-col #right-col
{
	float: right;
	width: 483px;
	background-color: #FFFFFF;
}
#two-col #right-col .green-col-title
{
	height: 25px;
	background-color: #69a817;
	color: #FFFFFF;
	font-size: 11px;
	text-transform: uppercase;
	font-weight: bold;
	line-height: 25px;
	padding-left: 8px;
	margin-bottom: 4px;
}
#two-col #right-col .gray-col-title
{
	height: 25px;
	background-color: #b5b5b5;
	color: #FFFFFF;
	font-size: 12px;
	text-transform: uppercase;
	font-weight: bold;
	line-height: 25px;
	padding: 0 8px;
	margin-bottom: 1px;
}
#two-col #right-col .gray-col-title a
{
	color: #FFFFFF;
}
#two-col #right-col .gray-col-title a:link, #two-col #right-col .gray-col-title a:visited
{
	text-decoration: none;
}
#two-col #right-col .gray-col-title a:hover
{
	text-decoration: underline;
}
#two-col #right-col #left-inner
{
	float: left;
	width: 235px;
}
#two-col #right-col #right-inner
{
	float: right;
	width: 234px;
	margin-right: 3px;
	display: inline;
}
#two-col #right-col #right-inner #slogan
{
	border-top: 1px solid #cdcecf;
	border-bottom: 1px solid #cdcecf;
	margin: 4px 0;
	padding: 2px 4px;
	color: #404040;
	text-transform: uppercase;
	font-size: 10px;
}
#two-col #right-col #right-inner p
{
	margin: 0;
	font-size: 11px;
	padding: 0 0 5px 5px;
	color: #484848;
}
#two-col #right-col #right-inner p.arrow
{
	padding-left: 24px;
	background: url(../images/icon_gray_arrow.gif) 10px 3px no-repeat;
}
#two-col #right-col #right-inner p.view-all
{
	padding-top: 5px;
	text-transform: uppercase;
	font-weight: bold;
}
#two-col #right-col #right-inner p.view-all a:link, #two-col #right-col #right-inner p.view-all a:visited
{
	color: #000000;
	text-decoration: none;
}
#two-col #right-col #right-inner p.view-all a:hover
{
	color: #8b1717;
	text-decoration: underline;
}
#two-col #right-col .dark-bar
{
	height: 20px;
	color: #5b5b5b;
	line-height: 20px;
	background-color: #f1f1f1;
	padding: 0 2px 0 8px;
	font-size: 11px;
}
#two-col #right-col .dark-bar .right-controls
{
	float: right;
}
#two-col #right-col .dark-bar .right-controls span
{
	padding: 0 8px;
}
#two-col #right-col .dark-bar .right-controls a:link, #two-col #right-col .dark-bar .right-controls a:visited
{
	text-decoration: none;
}
#two-col #right-col .dark-bar .right-controls a:hover
{
	text-decoration: underline;
}
#two-col #right-col .dark-bar a
{
	color: #5b5b5b;
}
#two-col #right-col .dark-bar .field
{
	height: 12px;
	font-size: 10px;
	font-family: Arial, Helvetica, sans-serif;
	border: 1px solid #b0bbc0;
	width: 20px;
	color: #999999;
}
#two-col #right-col .dark-bar input
{
	vertical-align: middle;
}
#two-col #right-col #item-list
{
	width: 477px;
	margin-left: 3px;
}
#two-col #right-col #item-list .top-logo
{
	padding: 10px 0;
	text-align: right;
}
#two-col #right-col #item-list .separator
{
	background-color: #dedfdf;
	height: 1px;
	font-size: 0px;
	line-height: 0px;
}
#two-col #right-col #item-list .item
{
	padding: 8px 0 2px 4px;
}
#two-col #right-col #item-list .item .item-info
{
	float: right;
	width: 320px;
}
#two-col #right-col #item-list .item .item-info .price
{
	text-align: right;
	color: #000000;
	font-weight: bold;
	font-size: 12px;
	padding: 0 2px 2px 0;
}
#two-col #right-col #item-list .item .item-name
{
	font-size: 12px;
	line-height: 12px;
	position: relative;
	height: 28px;
	padding-bottom: 3px;
}
#two-col #right-col #item-list .item .item-name .product
{
	color: #437491;
	font-weight: bold;
	position: absolute;
	left: 4px;
	bottom: 3px;
	text-transform: lowercase;
}
#two-col #right-col #item-list .item .item-name .product-number
{
	color: #9b9d9e;
	font-weight: bold;
	position: absolute;
	bottom: 3px;
	right: 4px;
}
#two-col #right-col #item-list .item .item-dim
{
	border-top: 1px solid #cdcecf;
	color: #404040;
	font-size: 10px;
	padding: 5px 4px;
}
#two-col #right-col #item-list .item .item-desc
{
	border-top: 1px solid #cdcecf;
	color: #404040;
	font-size: 10px;
	padding: 5px 4px 15px 4px;
	text-transform: uppercase;
}
#two-col #right-col #item-list .item .details
{
	padding-left: 4px;
	font-size: 11px;
	padding-bottom: 10px;
}
#two-col #right-col #item-list .item .details a
{
	color: #000000;
}
#two-col #right-col #item-list .item .details a:link, #two-col #right-col #item-list .item .details a:visited
{
	color: #000000;
	text-decoration: none;
}
#two-col #right-col #item-list .item .details a:hover
{
	color: #8b1717;
	text-decoration: underline;
}
#two-col #right-col .compare-product-title
{
	height: 25px;
	line-height: 25px;
	color: #FFFFFF;
	font-size: 11px;
	text-transform: uppercase;
	font-weight: bold;
	padding: 0 8px;
}
.orange-bg
{
	background-color: #eb6707;
}
.indigo-bg
{
	background-color: #4d135b;
}
.purple-bg
{
	background-color: #5b0d59;
}
.lime-bg
{
	background-color: #92bf04;
}
.green-bg
{
	background-color: #409320;
}
.maroon-bg
{
	background-color: #8b112e;
}
.red-bg
{
	background-color: #db002d;
}

#bottom-page-controls-wrapper
{
	width: 702px;
	border-left: 1px solid #6e6f70;
	border-right: 1px solid #6e6f70;
	background-color: #484849;
	padding-top: 2px;
}
#bottom-page-controls
{
	float: right;
	width: 483px;
	margin-right: 1px;
	display: inline;
}
#bottom-page-controls .dark-bar
{
	height: 20px;
	color: #FFFFFF;
	line-height: 20px;
	padding: 0 2px 0 8px;
	font-size: 11px;
}
#bottom-page-controls .dark-bar .right-controls
{
	float: right;
}
#bottom-page-controls .dark-bar .right-controls span
{
	padding: 0 8px;
}
#bottom-page-controls .dark-bar .right-controls a:link, #bottom-page-controls .dark-bar .right-controls a:visited
{
	text-decoration: none;
}
#bottom-page-controls .dark-bar .right-controls a:hover
{
	text-decoration: underline;
}
#bottom-page-controls .dark-bar a
{
	color: #FFFFFF;
}
#bottom-page-controls .dark-bar .field
{
	height: 12px;
	font-size: 10px;
	font-family: Arial, Helvetica, sans-serif;
	border: 1px solid #b0bbc0;
	width: 20px;
	color: #999999;
}
#bottom-page-controls .dark-bar input
{
	vertical-align: middle;
}

#product
{
	padding: 6px 4px 10px 10px;
}
#product #product-view
{
	float: left;
	width: 220px;
	text-align: center;
	font-size: 10px;
	color: #5c5c5d;
	font-weight: bold;
}
#product #product-view .view
{
	border-bottom: 1px solid #dedfdf;
	margin-bottom: 3px;
}
#product #product-view a
{
	color: #5c5c5d;
}
#product #product-view a:link, #product #product-view a:visited
{
	text-decoration: none;
}
#product #product-view a:hover
{
	text-decoration: underline;
}
#product #product-desc
{
	float: right;
	width: 232px;
	padding-top: 2px;
}
#product #product-desc #product-share
{
	text-align: right;
	margin-bottom: 66px;
}
#product #product-desc #product-share .addthis_toolbox
{
	float: right;
	clear: both;
}
#product #product-desc .top-logo
{
	text-align: right;
	margin-bottom: 15px;
}
#product #product-desc #product-price
{
	text-align: right;
	font-size: 12px;
	color: #000000;
	font-weight: bold;
	padding-bottom: 2px;
}
#product #product-desc #product-number
{
	font-size: 11px;
	color: #bcbebe;
	text-align: right;
	padding-top: 2px;
	font-weight: bold;
}
#product #product-desc #product-name
{
	color: #437491;
	font-weight: bold;
	font-size: 13px;
	padding: 10px 0 2px 4px;
	text-transform: lowercase;
}
#product #product-desc #product-status
{
	text-align: right;
}
#product #product-desc #product-name .name
{
	font-size: 18px;
	color: #000000;
	font-weight: bold;
	text-transform: uppercase;
	width: 190px;
}
#product #product-desc #product-name .number
{
	font-size: 11px;
	color: #5c5c5d;
	position: absolute;
	right: 2px;
	bottom: 1px;
}
#product #product-desc #product-dimensions
{
	border-top: 1px solid #dedfdf;
	border-bottom: 1px solid #dedfdf;
	color: #000000;
	font-size: 12px;
	padding: 2px 0 2px 4px;
}
#product #product-desc #product-dimensions .major
{
	font-size: 11px;
	color: #cdcecf;
	padding-left: 20px;
}
#product #product-desc #bottom-desc
{
	font-size: 11px;
	color: #000000;
	text-transform: uppercase;
	padding: 3px 4px 20px 4px;
}
.compare-product
{
	position: relative;
	height: 1%;
}
.compare-product .product-compare-view
{
	float: left;
	width: 220px;
	text-align: center;
	font-size: 10px;
	color: #5c5c5d;
	font-weight: bold;
	padding: 10px 0;
}
.compare-product .product-desc
{
	float: right;
	width: 235px;
}
.compare-product .product-desc .top-logo
{
	padding: 4px 0;
}
.compare-product .product-desc .product-desc-slogan
{
	border-top: 2px solid #e6e7e7;
	border-bottom: 1px solid #cdcecf;
	color: #000000;
	padding: 3px 5px 3px 5px;
	font-size: 12px;
	text-transform: uppercase;
}
.compare-product .product-desc .product-desc-copy
{
	font-size: 11px;
	color: #484849;
	padding: 0 5px 10px 5px;
}
.compare-product .compare-check
{
	position: absolute;
	left: 13px;
	bottom: 10px;
	color: #7f8283;
	font-size: 12px;
}
.compare-product-separator
{
	height: 3px;
	font-size: 0;
	line-height: 0;
	background-color: #424242;
}

#tabs
{
	width: 472px;
	margin: 0 0 6px 6px;
}
#tabs #tab-buttons
{
	height: 20px;
	margin: 0;
	padding: 0;
	list-style-type: none;
}
#tabs #tab-buttons li
{
	margin: 0;
	padding: 0;
	float: left;
	height: 20px;
	font-size: 0px;
}
#tabs #tab-content-buynow
{
	padding: 7px 6px 40px 6px;
}
#tabs #tab-content-buynow p
{
	margin: 0;
	padding: 0;
	font-size: 11px;
	color: #818182;
}
#tabs #tab-content-buynow #logo-table
{
	margin-top: 5px;
	margin-bottom: 20px;
}
#tabs #tab-content-buynow #logo-table td
{
	width: 33%;
	text-align: center;
	padding: 10px 0;
}
#tabs .tab-content
{
	padding: 5px 0px 0 0px;
}
#tabs .tab-content .subheader
{
	margin-bottom: 10px;
}
#tabs .tab-content .left-icon
{
	width: 73px;
	float: left;
	margin-bottom: 2px;
}
#tabs .tab-content .icon-desc
{
	float: left;
	padding-left: 6px;
	font-size: 11px;
	color: #939394;
	margin-bottom: 2px;
}
#tabs .tab-content .icon-desc a:link, #tabs .tab-content .icon-desc a:visited
{
	color: #818182;
	text-decoration: none;
}
#tabs .tab-content .icon-desc a:hover
{
	color: #818182;
	text-decoration: underline;
}
#tabs .tab-content p
{
	margin: 2px 0 4px 0;
	color: #818182;
	font-size: 11px;
	padding: 0 0 0 7px;
}
#tabs .tab-content p a:link, #tabs .tab-content p a:visited
{
	color: #818182;
	text-decoration: none;
}
#tabs .tab-content p a:hover
{
	color: #818182;
	text-decoration: underline;
}
#tabs .tab-content p.arrow
{
	background: url(../images/icon_gray_arrow.gif) 3px 3px no-repeat;
	padding-left: 14px;
}
#tabs .tab-content p.arrow2
{
	background: url(../images/icon_gray_arrow.gif) 12px 3px no-repeat;
	padding-left: 24px;
}
#tabs .tab-content .more
{
	padding-left: 14px;
	font-size: 11px;
	margin-bottom: 4px;
}
#tabs .tab-content .more a
{
	font-weight: bold;
	color: #000000;
}
#tabs .tab-content .more a:link, #tabs .tab-content .more a:visited
{
	text-decoration: none;
}
#tabs .tab-content .more a:hover
{
	text-decoration: underline;
}
#tabs .tab-content .color-picker a
{
	margin: 0 0 0 3px;
	float: left;
	display: inline;
}
#tabs .tab-content .color-picker img
{
	margin-top: 2px;
}
#tabs .tab-content #product-acc
{
	margin: 7px 0 0 0;
}
#tabs .tab-content #product-acc td
{
	vertical-align: top;
	width: 33%;
	padding-bottom: 10px;
}
#tabs .tab-content #product-acc .product-small
{
	padding: 10px 5px 10px 5px;
	float: left;
}
#tabs .tab-content #product-acc .updated
{
	font-size: 10px;
	text-transform: uppercase;
	color: #7db436;
}
#tabs .tab-content #product-acc .product-name
{
	font-size: 10px;
	text-transform: uppercase;
	color: #000000;
	width: 90px;
	line-height: 11px;
}
#tabs .tab-content #product-acc .product-number
{
	color: #6f6f70;
	font-size: 10px;
	padding: 3px 0 5px 0;
}
#tabs .tab-content #product-acc .product-price
{
	font-size: 11px;
	color: #000000;
	font-weight: bold;
}
#tabs .tab-content .nested-view
{
	width: 178px;
	float: left;
	margin-bottom: 2px;
}
#tabs .tab-content .nested-view img
{
	margin-bottom: 2px;
}
#tabs .tab-content .nested-view .img
{
	margin-left: 10px;
}
#tabs .tab-content .exploded-view
{
	width: 287px;
	float: left;
	margin-bottom: 2px;
	margin-left: 3px;
	display: inline;
}
#tabs .tab-content .exploded-view img
{
	margin-bottom: 2px;
}
#tabs .tab-content .exploded-view .img
{
	margin-left: 5px;
}

#tabs #tab-content-support p.faq_text
{
	padding-left: 25px;
}


#compare
{
	width: 702px;
	border-left: 1px solid #6e6f70;
	border-right: 1px solid #6e6f70;
	background-color: #424242;
}
#compare #gray-col-title
{
	height: 25px;
	background-color: #b1b2b4;
	color: #FFFFFF;
	font-size: 11px;
	text-transform: uppercase;
	font-weight: bold;
	line-height: 25px;
	padding: 0 8px;
	margin-bottom: 4px;
	border-bottom: 1px solid #FFFFFF;
}
#compare #gray-col-title a:link, #compare #gray-col-title a:visited
{
	color: #FFFFFF;
	text-decoration: none;
}
#compare #gray-col-title a:hover
{
	text-decoration: underline;
}
#compare #bottom-gray-col-title
{
	height: 25px;
	background-color: #b1b2b4;
	color: #FFFFFF;
	font-size: 11px;
	text-transform: uppercase;
	font-weight: bold;
	line-height: 25px;
	padding: 0 8px;
	border-bottom: 1px solid #FFFFFF;
	border-top: 1px solid #FFFFFF;
	margin-top: 4px;
	margin-left: 199px;
}
#compare #bottom-gray-col-title a:link, #compare #bottom-gray-col-title a:visited
{
	color: #FFFFFF;
	text-decoration: none;
}
#compare #bottom-gray-col-title a:hover
{
	text-decoration: underline;
}
#compare table
{
	width: 100%;
	padding: 0;
}
#compare td
{
	padding: 0;
	font-size: 11px;
	vertical-align: bottom;
}
#compare td.col-div
{
	width: 4px;
	font-size: 0px;
	line-height: 0px;
	padding: 0;
}
#compare td.title-col
{
	width: 195px;
	text-align: right;
	color: #FFFFFF;
	padding-bottom: 2px;
}
#compare td.title-col .compare-icon
{
	padding: 0 10px 8px 0;
}
#compare td.title-col span
{
	padding-right: 2px;
}
#compare td.col
{
	width: 165px;
	background-color: #FFFFFF;
}
#compare td.col .product-data
{
	margin-left: 4px;
	padding: 3px 3px 2px 3px;
	border-bottom: 1px solid #999b9a;
}
#compare td.col .product-data-last
{
	margin-left: 4px;
	padding: 3px 3px 2px 3px;
}
#compare td.col .product-number
{
	color: #6f6f70;
}
#compare td.col .product-name
{
	color: #000000;
	font-weight: bold;
	text-transform: uppercase;
	font-size: 10px;
	padding-top: 10px;
}
#compare td.col .product-price
{
	color: #000000;
	font-size: 10px;
}
#compare td.col .product-logo
{
	text-align: center;
	padding: 5px 0;
}
#compare td.col .product-material
{
	color: #6f6f70;
	text-transform: uppercase;
	font-size: 10px;
	padding-top: 10px;
}
#compare td.col .product-graph
{
	height: 12px;
	background-color: #e3e3e5;
	width: 100px;
	margin: 2px 4px 2px -3px;
	font-size: 0px;
	float: left;
	display: inline;
}
#compare td.col .product-graph-value
{
	font-weight: bold;
	color: #b9b9b9;
	float: left;
}
#compare td.col .product-graph-value-black
{
	font-weight: bold;
	color: #000000;
	float: left;
}
#compare td.col .product-graph div
{
	height: 12px;
	font-size: 0px;
}
#compare td.col .product-graph .percent100
{
	background-color: #004379;
	width: 100%;
}
#compare td.col .product-graph .percent80
{
	background-color: #42931d;
	width: 80%;
}
#compare td.col .product-graph .percent70
{
	background-color: #92bf00;
	width: 70%;
}
#compare td.col .product-graph .percent60
{
	background-color: #f3b100;
	width: 60%;
}
#compare td.col .product-graph .percent40
{
	background-color: #ef6609;
	width: 40%;
}
#compare td.col .product-graph .percent20
{
	background-color: #d7002f;
	width: 20%;
}
#compare td.col .product-graph .percent10
{
	background-color: #88191f;
	width: 10%;
}
#compare td.product-image
{
	padding-top: 5px;
	text-align: center;
}
#compare td p
{
	background: url(../images/icon_gray_arrow.gif) left 3px no-repeat;
	margin: 0 0 3px 0;
	padding-left: 12px;
}
#compare td p.last
{
	margin: 0;
}
#compare .dark-brown
{
	background-color: #48484a;
	border-top: 2px solid #424242;
}
#compare .blue
{
	background-color: #417492;
}
#compare .gray
{
	background-color: #87888a;
	border-top: 2px solid #424242;
}
#compare .dark-gray
{
	background-color: #6f6f71;
	border-top: 2px solid #424242;
}
#compare .light-gray
{
	background-color: #b1b2b4;
	border-top: 2px solid #424242;
}
#about
{
	border-left: 1px solid #fcfdfd;
	border-right: 1px solid #fcfdfd;
	background: url(../images/oi_bg_2col.gif) left top repeat-y;
	padding: 15px 0 5px 10px;
}
#about #about-subtitle
{
	padding-left: 3px;
}
#about #about-slogan
{
	border-top: 1px solid #cdcecf;
	border-bottom: 1px solid #cdcecf;
	margin: 4px 0 3px 0;
	padding: 0 5px;
	height: 30px;
	text-transform: uppercase;
	font-size: 12px;
}
#about p
{
	padding: 0 10px 10px 0;
	font-size: 13px;
	color: #818182;
}
#about p a
{
	color: #437491;
	text-decoration: none;
}
#about p a:hover
{
	text-decoration: underline;
}
#about #contact-form
{
	margin: 0 5px;
}
#about #contact-form .contact-form-row
{
	padding-bottom: 3px;
}
#about #contact-form .contact-field
{
	margin-left: 3px;
	display: inline;
	padding: 0;
	border: 1px solid #b1b2b4;
	height: 20px;
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
}

/* /secondary pages */

/* search results */
#search-results
{
	background-color: #FFFFFF;
}
#search-results .searched-for
{
	height: 25px;
	background-color: #b1b2b4;
	color: #FFFFFF;
	font-size: 11px;
	font-weight: bold;
	line-height: 25px;
	padding: 0 8px;
}
#search-results .dark-bar
{
	height: 20px;
	color: #FFFFFF;
	line-height: 20px;
	background-color: #484849;
	padding: 2px 2px 2px 8px;
	font-size: 11px;
}
#search-results .dark-bar .right-controls
{
	float: right;
}
#search-results .dark-bar .right-controls span
{
	padding: 0 8px;
}
#search-results .dark-bar .right-controls a:link, #search-results .dark-bar .right-controls a:visited
{
	text-decoration: none;
}
#search-results .dark-bar .right-controls a:hover
{
	text-decoration: underline;
}
#search-results .dark-bar a
{
	color: #FFFFFF;
}
#search-results .dark-bar .field
{
	height: 12px;
	font-size: 10px;
	font-family: Arial, Helvetica, sans-serif;
	border: 1px solid #b0bbc0;
	width: 20px;
	color: #999999;
}
#search-results .dark-bar input
{
	vertical-align: middle;
}
#search-results table
{
	width: 696px;
	margin: 0 3px;
	font-size: 11px;
}
#search-results th
{
	text-align: left;
	font-weight: normal;
	font-size: 11px;
	white-space: nowrap;
	padding: 2px 5px 2px 0;
}
#search-results a
{
	color: #437491;
	text-decoration: none;
}
#search-results a:hover
{
	text-decoration: underline;
}
#search-results td
{
	vertical-align: top;
	padding: 5px 5px 5px 0;
	font-size: 10px;
	color: #404040;
}
#search-results td a
{
	color: #404040;
}
#search-results td a:hover
{
	text-decoration: none;
}
#search-results td.search-divider
{
	background-color: #e6e7e7;
	height: 2px;
	font-size: 0px;
	line-height: 0px;
	padding: 0px;
}

/* /search results */

#footer
{
	border: 1px solid #fcfdfd;
	border-top: none;
	background-color: #e4f0f2;
	padding-top: 6px;
}
#footer a:link, #footer a:visited
{
	text-decoration: none;
}
#footer a:hover
{
	text-decoration: underline;
}
#footer #footer-top-links
{
	background-color: #437491;
	padding: 4px 0 2px 25px;
	font-size: 11px;
	color: #e3e3e4;
	height: 16px;
}
#footer #footer-top-links span
{
	padding: 0 6px;
}
#footer #footer-top-links a
{
	color: #e3e3e4;
}
#footer #footer-bottom-links
{
	padding: 2px 0 2px 25px;
	font-size: 11px;
	color: #437491;
	background-color: #e4f0f2;
}
#footer #footer-bottom-links span
{
	padding: 0 6px;
}
#footer #footer-bottom-links a
{
	color: #437491;
}
#footer #footer-logos
{
	padding-top: 3px;
	background-color: #e4f0f2;
}

.nav-button, .nav-button:visited
{
	width: 106px;
	height: 21px;
	position: relative;
}

.nav-button span, .nav-button:visited span
{
	display: block;
	height: 21px;
	width: 100%;
	position: absolute;
	left: 0;
	top: 0;
	z-index: 1;
	background-repeat: no-repeat;
}

#nav-categories
{
	background-image: url(../images/oi_topnav_cat_on.gif);
}
#nav-button-categories span, #nav-button-categories:visited span
{
	background-image: url(../images/oi_topnav_cat.gif);
}
#nav-activities
{
	background-image: url(../images/oi_topnav_occ_on.gif);
}
#nav-button-activities span, #nav-button-activities:visited span
{
	background-image: url(../images/oi_topnav_occ.gif);
}
#nav-pastimes
{
	background-image: url(../images/oi_topnav_past_on.gif);
}
#nav-button-pastimes span, #nav-button-pastimes:visited span
{
	background-image: url(../images/oi_topnav_past.gif);
}

#nav-button-categories:hover span, #nav-button-categories:focus span, #nav-button-categories:visited:hover span, #nav-button-categories.udmR span, #nav-button-categories.udmR:visited span, #nav-button-categories:active span, #nav-button-activities:hover span, #nav-button-activities:focus span, #nav-button-activities:visited:hover span, #nav-button-activities.udmR span, #nav-button-activities.udmR:visited span, #nav-button-activities:active span, #nav-button-pastimes:hover span, #nav-button-pastimes:focus span, #nav-button-pastimes:visited:hover span, #nav-button-pastimes.udmR span, #nav-button-pastimes.udmR:visited span, #nav-button-pastimes:active span
{
	background-image: none;
}

#intro
{
	clear: both;
	text-align: center;
}
