﻿@import url(tripoli.base.css);
@import url(plugins/tripoli.visual.css);
@import url(plugins/tripoli.type.css);
@import url(plugins/tripoli.layout.css);
body {
	background:;
	padding-top:10px;
	padding-bottom:10px;
	background: #11509D url('../images/bg2.jpg') repeat-x fixed bottom;
}
img.source-image {
	width:100%;
	position:fixed;
	bottom:0;
	left:0
}
:focus {
	outline:none
}
.left {
	float:left
}
.right {
	float:right;
	margin-left:10px;
	margin-bottom:10px
}
#searchlink{
	
}
#header {
	background:#2B3341 url('../images/header-bg.jpg') no-repeat;
	height:125px;
	position:relative
}
#logo {
	position:absolute;
	left:0px;
	top:0px
}
#header .content,#footer .content {
	margin:0 1em;
	margin-top:0;
	padding:1em 0
}
#tertiary {
	background:#12151A url('../images/transperant-bg') repeat
}
#secondary {
	background:#12151A url('../images/sidebar-bg.jpg') repeat-x
}
#tertiary .content,#secondary .content {
	margin:1em;
	color:white;
	background:transparent url('../images/content-bg.jpg') repeat-x
}
#tertiary .content ul,#secondary .content ul {
	margin:0;
	list-style:none
}
#tertiary .content a,#secondary .content a {
	color:#FDC805
}
#tertiary .content ul.specials li {
	background:#BDCFD9;
	padding:5px
}
#tertiary .content ul.specials li a {
	margin:0;
	background:none;
	padding:0;
	color:#20354A
}
#primary .content {
	margin:20px 0 15px 0
}
#footer {
	background:#191D25;
	color:white;
	text-align:center
}
.btn {
	float:left;
	clear:both;
	background:url(../images/btn_left.png) no-repeat;
	padding:0 0 0 10px;
	margin:5px 0
}
.btn a {
	float:left;
	height:40px;
	background:url(../images/btn_stretch.png) repeat-x left top;
	line-height:40px;
	padding:0 5px;
	color:#fff;
	text-decoration:none
}
.btn span {
	background:url(../images/btn_right.png) no-repeat;
	float:left;
	width:10px;
	height:40px
}
.btn_green {
	background-color:green
}
.btn_red {
	background-color:red
}
.btn_orange {
	background-color:orange
}
.btn_blue {
	background-color:#365C74
}
#searchholder {
	float:left
}
.hcontainer {
	background:transparent url('../images/hnav-bg.jpg') repeat-x;
	padding:10px 0px 0px 0;
	overflow:hidden;
	height:33px
}
ul.hmenu {
	list-style:none;
	margin:0;
	height:33px;
	overflow:hidden;
	float:right;
	right:0px;
	position:relative
}
ul.hmenu li {
	float:right;
	display:inline;
	padding:0
}
ul.hmenu li a {
	text-decoration:none;
	color:#F5E41A;
	background:#325076;
	margin-right:10px;
	text-align:center;
	line-height:20px;
	padding:4px
}
ul.hmenu li a:hover {
	color:#1E2D40;
	background:#F8DC4A
}
#search {
	width:275px;
	height:29px;
	position:absolute;
	right:0px
}
ul.LatestBrands {
	list-style:none;
	margin:0;
	padding:0
}
ul.LatestBrands li {
	float:left;
	width:132px;
	border:1px #CCC solid;
	margin:6px
}
ul.LatestBrands li img {
	width:132px
}
#featured {
	height:205px;
	overflow:hidden;
	width:436px;
	border:2px #1C232D solid
}
ul.displayCol {
	float:left;
	width:100%;
	margin:0;
	padding:0;
	list-style:none;
	border:none
}
ul.displayCol li {
	float:left;
	width:10.7em;
	text-align:center;
	padding:10px 0;
	margin:0 5px 10px 5px;
	background:#CECECE;
	border-top:1px solid #E6E6E6;
	border-right:1px solid #E6E6E6;
	border-bottom:1px solid #F5F5F5;
	border-left:1px solid #F5F5F5;
	position:relative;
	border-color:#252D38
}

li.pricesheet {
	height:40px;
}
ul.displayCol li a {
	text-decoration:none;
	text-indent:0px;
	padding-left:0px
}
ul.displayCol li .content_block p {
	padding-left:0px
}
ul.display li .content_block {
	padding:0 10px
}
ul.displayCol li .content_block a.BrandName {
	margin:0;
	padding:0px;
	font-weight:bold;
	font-size:16px;
	color:
}
ul.displayCol li .content_block a.BrandName:hover {
	color:#5C6574
}
ul.displayCol li .content_block img {
	padding:5px;
	border:2px solid #ccc;
	background:#fff;
	margin:0 auto 0 auto
}
ul.displayCol li .content_block a.BrandLink {
	right:10px;
	position:absolute;
	bottom:10px;
	color:#333;
	padding:3px;
	background:#C9CFDA;
	font-size:10px
}
ul.displayCol li .content_block a.ProductLink {
	right:0px;
	position:absolute;
	top:-38px;
	color:#333;
	padding:3px;
	background:#C9CFDA;
	font-size:10px
}
ul.displayCol li .content_block a.BrandLink:hover,ul.displayCol li .content_block a.ProductLink:hover {
	background:#333;
	color:white
}
ul.display {
	float:left;
	width:100%;
	margin:0 0 0 0;
	padding:0;
	list-style:none;
	border:none
}
ul.display li {
	float:left;
	width:100%;
	padding:10px 0;
	margin:0 0 10px 0;
	background:#F8F8F7;
	border-top:1px solid #E6E6E6;
	border-right:1px solid #E6E6E6;
	border-bottom:1px solid #F5F5F5;
	border-left:1px solid #F5F5F5;
	position:relative;
	font-size:.9em
}
ul.display ul {
	list-style:none;
	list-style-image:url('../images/check.png');
	width:60%;
	margin-left:20px;
	float:left
}
ul.display ul li {
	border:none;
	padding:5px 0 5px 0;
	margin:0px;
	font-size:1em;
	background:transparent
}
ul.display ul.links {
	list-style:none;
	clear:both;
	margin:0;
	overflow:hidden;
	width:100%;
	margin-top:10px;
	background:#E9E9E9
}
ul.display ul.links li {
	float:left;
	background:none;
	margin:0px;
	padding:0;
	border:none;
	width:47.6%;
	padding:5px;
	text-align:center;
	background:#E9E9E9
}
ul.display li .learnmore {
	position:absolute;
	top:10px;
	right:10px;
	padding:3px;
	background:#315178
}
ul.display li .learnmore:hover {
	background:#FC0
}
ul.display li .learnmore a {
	color:white;
	font-size:10px
}
ul.display li .learnmore a:hover {
	color:#036
}
ul.display li a {
	text-decoration:none
}
ul.display li .content_block {
	padding:0 10px
}
ul.display li .content_block a.BrandName {
	margin:0;
	padding:0px;
	font-weight:bold;
	font-size:16px;
	color:#2A323F
}
ul.display li .content_block a.BrandName:hover {
	color:#5C6574
}
ul.display li .content_block p {
	margin:0;
	font-size:1em;
	padding:5px 5px 5px 135px
}
ul.display li .content_block a img {
	padding:5px;
	border:2px solid #ccc;
	background:#fff;
	margin:0 15px 15px 0;
	float:left;
	width:110px
}
ul.display li .content_block a.BrandLink {
	right:10px;
	position:absolute;
	bottom:10px;
	color:#333;
	padding:3px;
	background:#C9CFDA;
	font-size:10px
}
ul.display li .content_block a.ProductLink {
	right:0px;
	position:absolute;
	top:-38px;
	color:#333;
	padding:3px;
	background:#C9CFDA;
	font-size:10px
}
ul.display li .content_block a.BrandLink:hover,ul.display li .content_block a.ProductLink:hover {
	background:#333;
	color:white
}
ul.thumb_view li {
	width:144px;
	margin:0
}
ul.thumb_view li .content_block a.BrandName {
	display:none
}
ul.thumb_view li p {
	display:none
}
ul.thumb_view li .content_block a img {
	margin:0 0 10px
}
ul.thumb_view li .content_block a.BrandLink {
	display:none
}
a.switch_thumb {
	width:122px;
	height:26px;
	line-height:26px;
	padding:0;
	margin:10px 0;
	display:block;
	float:right;
	background:url(../images/switch.gif) no-repeat;
	outline:none;
	text-indent:-9999px
}
a:hover.switch_thumb {
	filter:alpha(opacity=75);
	opacity:.75;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=75)"
}
a.swap {
	background-position:left bottom
}
#sitemap-list {
	padding:0 0 0 10px;
	margin:0;
	list-style:none;
	font-weight:bold;
	line-height:150%
}
#sitemap-list li {
	padding:10px;
	margin-top:10px;
	font-size:13px;
	background:#f0f0f0
}
#sitemap-list ul {
	margin:5px 10px 5px 10px;
	padding:5px 10px;
	font-weight:normal;
	background:#f8f8f8
}
#sitemap-list li li {
	padding:0;
	margin:0;
	list-style:none;
	font-weight:bold;
	font-size:11px;
	line-height:18px;
	background:none
}
#sitemap-list ul ul {
	margin-left:10px;
	padding:5px 10px;
	background:#fff
}
#sitemap-list li li li {
	font-size:11px;
	font-weight:normal
}
fieldset {
	border:0;
	font-size:1.2em
}
input.action {
	padding:2px;
	font-size:1em;
	font-family:Verdana,Tahoma,Sans-serif
}
input.action:hover,input.action:focus {
	cursor:pointer
}
form ul {
	list-style:none
}
.middleColumn {
	display:block;
	margin:15px 10px 10px 0;
	background:#E9E9E9;
	padding:4px;
	width:306px;
	clear:left
}
#Sidebar .middleColumn {
	margin:0 0 0 8px;
	display:inline
}
div.tab .field .middleColumn {
	clear:none !important;
	margin:0 !important;
	width:auto
}
.middleColumn .middleColumn {
	margin-left:0;
	margin-right:0;
	padding:0
}
.middleColumn .message {
	margin:0
}
input.text,textarea,select {
	padding:2px;
	border:1px solid #A7A7A7;
	color:#000;
	font-size:.9em;
	font-weight:bold;
	width:300px
}
textarea {
	font-family:Verdana,Tahoma,sans-serif;
	font-size:1.1em
}
input:focus span,textarea:focus span {
	border:3px solid #000
}
select {
	width:auto
}
.typography label {
	display:block;
	margin:10px 0 -10px 0;
	color:#777;
	font-size:.9em
}
label.right {
	display:inline
}
#Searchbox {
	width:275px;
	height:29px;
	position:absolute;
	left:10px;
	float:left
}
#SearchForm_SearchForm {
	margin:0
}
#SearchForm_SearchForm .middleColumn {
	margin:0;
	width:220px;
	background:#0F1217
}
#Search {
	width:210px;
	float:left
}
#SearchForm_SearchForm .middleColumn {
	margin:0;
	width:210px;
	padding:2px
}
#SearchForm_SearchForm .middleColumn input {
	margin:0;
	width:203px;
	font-size:.6em;
	font-family:Arial,Helvetica,sans-serif
}
#SearchForm_SearchForm .action {
	font-size:.77em;
	margin-left:3px;
	border:none;
	padding:4px;
	background:#0F1217;
	color:white;
	top:-3px
}
#SearchForm_SearchForm .action:hover {
	background:#FDE453;
	color: blue
}