/*****************************************************************
* Interspire Shopping Cart Style File                                *
*                                                                   *
* Name: SmartShop                                                   *
* Author: Kostiantin Iatseniuk (Max) (Interspire Pty. Ltd.)       *
* Id: $Id$                                                        *
*****************************************************************/
/* Global Reset */
* {
    margin: 0;
    padding: 0;
}
/* General */
body {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 0.8em;
    height: 100%;

	font-family: 'Frutiger Next Regular',Arial,Helvetica,Verdana;
		font-size:12px;
}
input, select {
    font-size: 11px;
}
input {
    padding: 1px;
}
textarea, input[type='text'], input[type='password'], select {
    border:1px solid #bac1c7;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
}
input, select {
    cursor: pointer;
}
input[type='text'], input[type='password'] {
    cursor: text;
}
p {
    line-height: 1.3;
    margin-bottom: 15px;
}
a {
    font-weight: normal;
    text-decoration: underline;
}
h2, .TitleHeading {
    font-size: 1.3em;
    font-weight: bold;
    margin: 6px 0 6px 0;
}
h3 {
    font-size: 1.1em;
    margin-bottom: 6px;
}
h4 {
    font-size: 1.1em;
    margin-bottom: 4px;
}
img, img a {
    border: 0;
}
ul, ol {
    margin: 0 0 10px 30px;
}
li {
    margin: 0;
    margin-bottom: 2px;
    padding: 0;
}
blockquote {
    margin-left: 28px;
}
select option {
    padding: 0 10px;
}
hr {
    margin: 10px 0;
    padding: 0;
    background: #c7d7db;
    height: 1px;
    border:0;
}
/* Forms */
.HorizontalFormContainer dl, .VerticalFormContainer dl {
    margin: 0;
}
.HorizontalFormContainer dt img {
    vertical-align: middle;
    float: left;
}

.HorizontalFormContainer dt .fieldLabel {
    float:left;
    padding-top: 4px;
    padding-left: 4px;
}
.HorizontalFormContainer dt {
    width: 160px;
    float: left;
    clear: left;
}
.HorizontalFormContainer dd.ProductField {
    height: 20px;
}
.HorizontalFormContainer dd {
    padding-top:4px;
    margin-left: 170px;
}
.NarrowFormContainer dt {
    width: 110px;
}
.NarrowFormContainer dd {
    margin-left: 120px;
}
.HorizontalFormContainer p.Submit {
    margin-left: 170px;
}
.NarrowFormContainer p.Submit {
    margin-left: 120px;
}
.VerticalFormContainer dt {
    margin-bottom: 6px;
}
.VerticalFormContainer dd {
    margin-bottom: 6px;
    margin-left: 10px;
}
/* Page Container */

#Container {
    width: 100%;
    margin: 0 auto;
}
/* Top Navigational Menu */
#TopMenu {
    height: 56px;
    padding: 4px 0 0 0;
}
#TopMenu ul {
    list-style: none;
    padding: 0;
    margin: 0;
}
#TopMenu li {
    list-style: none;
    float: left;
    margin: 0;
    padding: 0;
}
#TopMenu li.First a {
    background:none !important;
}
#TopMenu li a, #TopMenu li div {
    display: block;
    text-decoration: none;
    font-size: 0.85em;
    padding: 0 10px 0 10px;
    margin: 8px 0 0 0;
}
#TopMenu li div a {
    padding: 0;
    margin: 0;
    display: inline;
    font-size: 1em;
}
#TopMenu li a:hover {
    text-decoration: underline;
}
/* Pages Menu */
#Menu {
    clear: both;
    margin: 2px 0 4px;
    padding: 0;
    height: 33px;

}
#Menu ul {
    margin: 0;
    padding: 0;
}
#Menu li {
    float: left;
    position: relative;
    list-style: none;
    margin: 0;
    padding: 0;
}
#Menu li.First a {
    background-image: none;
}
#Menu li a {
    display: block;
    float: left;
    font-size: 0.85em;
    font-weight: 400;
    text-align: center;
    text-decoration: none;
    padding: 7px 10px;
    height: 20px;
}
#Menu li a:hover {
    text-decoration: underline;
}
#Menu li ul {
    width: auto;
    position: absolute;
    clear: left;
    top: 32px;
    left: 0;
    display: none;
    text-align: left;
    font-size: 0.9em;
    background: transparent;
    z-index: 1;
}
#Menu li ul li {
    clear: both;
    color: white;
    text-align: left;
    background: transparent;
}
#Menu li ul li a {
    padding: 3px 10px 3px 10px;
    font-size: 1em;
    text-align: left;
    margin: 0;
    width: 120px;
    height: auto;
}
#Menu li ul li a:hover {
    text-decoration: none;
}
#Menu li:hover a, #Menu li.over a {
    text-decoration: underline;
}
#Menu li ul li a, #Menu li.over li a {
    text-decoration: none !important;
}
#Menu li:hover ul, #Menu li.over ul {
    display: block;
}
/* Holly Hack. IE Requirement */
* html #Menu ul li {
    float: left;
    height: 1%;
}
* html #Menu ul li a {
    height: 1%;
}
/* End */


/* Outer Content Wrapper (Surrounds header & content) */
#Outer {
    margin-top: 0px;
    margin-left: 6%;
    margin-right: 6%;
    width: 88%;
    min-height: 200px;
    height: auto;
    margin-top: 90px;
    margin-bottom: 50px;
    display: block;
    text-align: left;
    font-family: "Frutiger Next Regular",Arial,Helvetica,sans-serif;
    font-size: 15px;
    line-height: 18px;
    overflow: auto;
}
#Wrapper {
    clear: both;
}
/* Header */

/* Logo */

#Logo {
    float: left;
    width: 650px;
}
#Logo h1 {
    font-size: 3em;
    font-weight: 700;
    height: 45px;
    margin: 30px 0 0 50px;
    font-family:"Trebuchet MS", Arial, Helvetica, sans-serif
}
#Logo h1 a {
    text-decoration: none;
}
/* Top Search Form */
#SearchForm {
    padding: 35px 35px 0 0;
    float: right;
    font-size:.85em;
	display:none;
}
#SearchForm label {
    font-weight: bold;
}
#SearchForm input.Textbox {
    width: 128px;
    border: 1px solid #3c566a;
    background: #fff;
    font-size: 0.9em;
    padding: 3px;
}
#SearchForm .Button {
    width: 74px;
    height: 20px;
    padding: 0;
    margin-top: -3px;
    vertical-align: middle;
}
#SearchForm p {
    text-align: left;
    margin: 0 0 0 44px;
    padding-top:5px;
}
#SearchForm a {
}
/* Left Content Area */

.Left {
    float: left;
    min-height: 500px;
    width:14%;
    font-size: 0.85em;
    margin-right: 6px;
}
.Left h2 {
    font-size: 1.5em;
    margin: 0 10px 8px;
    width: 140px;
    padding:10px 0 0 0;
    font-family:Tahoma, Geneva, sans-serif;
}
.Left a {
    color: #3b7ea1;
    text-decoration:underline
}
.Left li a:hover {
    text-decoration: none;
}
.Left .BlockContent {
    margin: 0 10px 0 10px;
}
.Left ul {
    margin: 0;
    padding: 0;
}
.Left li {
    clear: both;
    list-style: none;
    margin: 0;
    padding: 3px 0;
}
.Left .BlockContent {
    margin: 0 12px 0 12px;
}
.Left li {
    padding-bottom:5px;
}
.Left li a {
}
.Left li a:hover {
    text-decoration: none;
}
.Left #SideCategoryList li ul {
    border-top: 1px solid #c5dde9;
}
.Left #SideCategoryList li.LastChild {
    border-bottom: 0 !important;
}
.Left #SideCategoryList li a, .Left #SideShopByBrand li a {
    padding-left:10px;
    background:url(../../Benefits/images/gray/bg_sidelia.gif) no-repeat 0% 4px;
}
.Left #SideCategoryList li ul {
    padding-left: 15px;
}
/* Primary Content Area */
.Content {
    float: left;
    width: 69%;
    min-height: 500px;
    margin: 0;
    padding: 0 10px 10px 10px;
    font-size: 0.95em;
background-color: #fff;

}
.Content .Block {
    clear: both;
}
.Block {
    margin-bottom: 5px;
    background:#fff url(../../Benefits/images/gray/bg_sideblock.gif) no-repeat 0% 0%;
    border-bottom:1px solid #8b969e;
    padding-bottom:10px;
}
.Content .Block {
    background:none !important;
    border:none !important;
}
.Content h2, .TitleHeading {
    font-size: 1.6em;
    font-weight: 400;
    color: #000;
    margin: 10px -10px;
    background:url(https://store.steoil.com/product_images/uploaded_images/bg-contenth2.gif) repeat-x 0% 0%;
    padding:10px 20px;
    font-family:Arial, Helvetica, sans-serif
}
.Content a:hover {
    text-decoration: underline;
}
/* Primary Content Area (column span of 2) */
.Content.Wide {
    width: 785px;
}
/* Primary Content Area (column span of 3 - spans entire page width) */
.Content.Widest {
    width: 98%;
}
/* Right Content Area */
.Right {
    float: right;
    min-height: 500px;
    width: 14%;
    font-size: 0.85em;
    padding-bottom: 10px;
    margin-left: 6px;
}
.Right h2 {
    font-size: 1.3em;
    margin: 0 10px 8px;
    width: 140px;
    padding:10px 0 0 0;
    font-family:"Trebuchet MS", Arial, Helvetica, sans-serif
}
.Right a {
    color: #3b7ea1;
    text-decoration:underline
}
.Right li a:hover {
    text-decoration: none;
}
.Right .BlockContent {
    margin: 0 10px 0 10px;
}
.Right ul {
    margin: 0;
    padding: 0;
}
.Right li {
    clear: both;
    list-style: none;
    margin: 0;
    padding: 3px 0;
}
.Right .BlockContent {
    margin: 0 12px 0 12px;
}
.Right li {
}
.Right li a {
    text-decoration: none;
}
.Right li a:hover {
    text-decoration: underline;
}
.BrandCloud {
}
/* Page Footer */
/*
#Footer {
    clear: both;
    font-size: 0.85em;
    text-align: center;
    margin:0;
    padding: 20px 0 0 0;
    height:80px;
}
#Footer ul {
    list-style: none;
    margin: 0 0 30px 115px;
    padding: 0;
}
#Footer li {
    float: left;
    list-style: none;
    margin: 0;
    padding: 0;
}
#Footer li a {
    text-decoration: none;
    padding: 0 10px 0 10px;
}
*/

		#footer
	{
		margin:0 auto;
		padding-top:20px;
		width:100%;
		height:300px;
		background:url("https://store.steoil.com/product_images/new/bottom_blue_bg.jpg") repeat-x #373737 0 0;
	    display:block;
	/*	margin-bottom:10px;*/
	}

		#footernav ul, ul#followmenu {margin:0;padding:0;}
		#footernav
		{
			float:left;
			padding-left:100px;
			padding-top:50px;
			width:20%;
		}

			#footernav ul#fmenu
			{
				width:100%;
				display:block;
				float:left;
			}

			#footernav ul#fmenu li
			{
				float:left;
				height:220px;
				display:inline;
				width:auto;
				text-align:left;
				border-right:2px solid #fff;
				padding-top:5px;
				padding-left:50px;
				padding-right:50px;
				font-family: 'Frutiger Next Bold', Arial, Helvetica, sans-serif;
				color:#fff;
				font-size:14px;
				font-weight:normal;
			}

			#footernav ul#fmenu li a {color:#fff; text-decoration:none;}

			#footernav ul#fmenu li.paddl0 {padding-left:0;}

			#footernav ul#fmenu ul {padding-top:40px;display:block;width:90px;}
			#footernav ul#fmenu ul.overview {width:105px;}
			#footernav ul#fmenu ul.fclients {width:95px;}


			#footernav ul#fmenu li li
			{
				float:left;
				height:auto;
				display:block;
				width:100%;
				text-align:left;
				border:none;
				padding:0;
				font-family: 'Frutiger Next Regular', Arial, Helvetica, sans-serif;
				color:#fff;
				font-size:14px;
				font-weight:normal;
				margin-bottom:25px;
			}

			#tagline 
			{	
				width:34%;
				float:left;
				padding-top:100px;
				text-align:center;
				font-family: "Frutiger Next Regular",Arial,Helvetica,sans-serif;
				color:#fff;
				font-size: 50px;
			}

			#footeradd
			{
				float:right;
				font-family: 'Frutiger Next Regular', Arial, Helvetica, sans-serif;
				color:#fff;
				font-size:15px;
				font-weight:normal;
				padding-top:10px;
				line-height:28px;
				text-align:left;
				padding-right:100px;
				padding-top:40px;
			}

			#footeradd hr {margin-top:10px;margin-bottom:10px;background-color: #fff;height: 2px;border:none;}

			ul#followmenu {padding-top:10px;}

			ul#followmenu li
			{
				float:left;
				display:inline;
			}

			#followmenu a
			{
				width:53px;
				height:53px;
				border:0px;
				margin-right:8px;
				float:left;
				text-decoration:none;
			}

			#followmenu a.twitter {background:url("https://store.steoil.com/product_images/new/twitter_icon.png") no-repeat 0 0;}
			#followmenu a.facebook {background:url("https://store.steoil.com/product_images/new/facebook_icon.png") no-repeat 0 0;}
			#followmenu a.linekdin {background:url("https://store.steoil.com/product_images/new/linked_icon.png") no-repeat 0 0;}
			#followmenu a.gplus {background:url("https://store.steoil.com/product_images/new/google_icon.png") no-repeat 0 0;}

			#plogos
			{
				padding-left: 6%;
				padding-right: 6%;
				width: 88%;
				height:60px;
				padding-top:5px;
				padding-bottom:5px;
				background:#ccc;
			}

			#plogos .cleft { width: 40%;font-family: 'Frutiger Next Regular', Arial, Helvetica, sans-serif;
				color:#000;
				font-size:13px; float:left;padding-top:20px;text-align:left;}
			#plogos .cright { width: 60%;float:left;text-align:right;}




/* Newsletter Subscription Form */
.NewsletterSubscription {
    clear: both;
}
.NewsletterSubscription label {
    clear: both;
    float: left;
}
.NewsletterSubscription input {
    width: 129px;
    font-size: 0.9em;
    padding: 3px;
    margin-bottom: 5px;
}
.NewsletterSubscription .Button {
    width: 96px;
    height: 25px;
    border: 0;
    margin-top: 6px;
    vertical-align: middle;
}
/* Product Listings */

.ProductList {
    list-style: none;
    margin: 0;
    padding: 0;
}
.Content .ProductList li {
    list-style: none;
    float: left;
    width: 122px;
    font-size: 0.95em;
    margin: 6px 6px 6px 7px;
    padding: 8px;
    overflow: hidden;
    min-height: 17em;
}
.ProductList a {
    text-decoration: none;
}
.ProductList .ProductImage {
    margin: 0 0 5px 0;
    display: block;
    width: 120px;
    height: 120px;
    text-align: center;
    overflow: hidden;
}
.ProductList p {
    margin: 5px 0 5px 5px;
}
.ProductList strong, .ProductList strong a {
    color: #3b7ea1;
    font-weight:700;
    padding-bottom:3px;
}
.Left .ProductList strong, .Left .ProductList strong a, .Right .ProductList strong, .Right .ProductList strong a {
    font-weight:400;
    display:block
}
.Left .TopSellers .ProductList strong, .Left .TopSellers .ProductList strong a, .Right .TopSellers .ProductList strong, .Right .TopSellers .ProductList strong a {
    font-weight:700
}
.ProductPrice, .ProductList em {
    font-style: normal;
    font-weight: 400;
}
.ProductList .Rating {
    font-size: 0.9em;
    font-weight: bold;
}
.ProductList li .ProductCompareButton {
    margin-top: 3px;
    text-align: center;
}
.Left .ProductList .ProductImage, .Right .ProductList .ProductImage {
    display: none;
}
.Left .ProductList .ProductImage img, .Right .ProductList .ProductImage img {
    max-width: 130px;
}
.Left .ProductList li, .Right .ProductList li {
    clear: both;
    width: 140px;
    list-style: none;
    margin: 0;
    margin-top: 5px;
    padding: 3px 0 5px 0;
    color: #000000;
}
.Right .SideCart p {
    color: #000000;
}/* Top Seller Block Specific */
.Left .TopSellers li .TopSellerNumber, .Right .TopSellers li .TopSellerNumber { /* Contains the number of the item */
    float: left;
    width: 16px;
    font-size: 1.2em;
    padding: 3px 0 3px 3px;
}
.Left .TopSellers .ProductDetails, .Right .TopSellers .ProductDetails { /* Contains the details of the item */
    margin-left: 27px;
    width: 110px;
    padding: 3px 0 3px 0;
    font-weight:400
}
.Left .TopSellers li.TopSeller1, .Right .TopSellers li.TopSeller1 { /* No1 seller box */
    clear: both;
    float: left;
    width: 120px;
    margin: 10px 0 5px 0;
    padding: 8px;
    overflow: visible;
    display: inline;
}
.Left .TopSellers li.TopSeller1 img, .Right .TopSellers li.TopSeller1 img {
    text-align: center;
    overflow: hidden;
}
.Left .TopSellers li.TopSeller1 .TopSellerNumber, .Right .TopSellers li.TopSeller1 .TopSellerNumber {
    width: 44px;
    height: 34px;
    font-size: 2em;
    padding: 7px 0 6px 0;
    margin: -5px 0 0 -5px;
    text-align: center;
    display: Block;
    position:absolute
}
.Left .TopSellers li.TopSeller1 .ProductDetails, .Right .TopSellers li.TopSeller1 .ProductDetails {
    margin-left: 0;
}
.Left .TopSellers li.TopSeller1 .ProductImage, .Right .TopSellers li.TopSeller1 .ProductImage {
    width: 130px;
    display: inline;
    text-align: center;
    overflow: hidden;
}
.Content .TopSellers li .TopSellerNumber {
    display: none;
}
.Left .TopSellers .ProductActionAdd a, .Right .TopSellers .ProductActionAdd a {
    font-weight:400 !important;
}
/* Page Breadcrumbs */
.Breadcrumb ul, .Breadcrumb li {
    list-style: none;
    margin: 0;
    padding: 0;
}
.Breadcrumb {
    font-size: 0.9em;
    padding: 15px 0 4px 0;
    border-bottom: 1px solid #DCDFE2;
}
.Breadcrumb li {
    padding-left: 6px;
    display: inline;
}
.Breadcrumb li a {
    padding-right: 10px;
    background: url('../../Benefits/images/BreadcrumbSep.gif') no-repeat right;
}
.FindByCategory ul, .FindByCategory li {
    list-style: none;
    padding: 0;
    margin: 0;
}
.FindByCategory li {
    padding-left: 12px;
    background: url('../../Benefits/images/BreadcrumbSep.gif') no-repeat 3px 5px;
    padding-right: 8px;
    display: inline;
}
/* Miscellaneous Definitions */

.Meta {
    color: #444;
    font-size: 0.93em;
}
.Left .FeedLink, .Right .FeedLink {
    padding-right: 5px;
}
.Content .FeedLink {
    margin-top: 4px;
}
.FloatRight {
    float: right;
}
.FloatLeft {
    float: left;
}
.ClearRight {
    clear: right;
}
.ClearLeft {
    clear: left;
}
.SortBox {
    font-size: 0.95em;
    color: #444;
}
.CompareButton {
    clear: both;
    text-align: right;
    margin-top: 12px;
    padding: 4px;
}
.Clear {
    clear: both;
}
.Field45 {
    width: 45px;
}
.Field100 {
    width: 100px;
}
.Field150 {
    width: 150px;
}
.Field200 {
    width: 200px;
}
.Field250 {
    width: 250px;
}
.Field300 {
    width: 300px;
}
.Field350 {
    width: 350px;
}
.Field400 {
   width: 96%;
    height: 100%;
    padding: 2%;
}
.MB10 {
    margin-bottom:10px;
}
.MT0 {
    margin-top:0px;
}
.LH140 {
    line-height:140%;
}
.PLRB5 {
    padding:0px 5px 5px 5px;
}
.PLR10 {
    padding:0px 10px 0px 10px;
}
.CheckoutHideOrderTermsAndConditions
{
	padding:10px;
}

.PL20 {
    padding:0px 0px 0px 20px;
}

.CheckoutHideOrderTermsAndConditions .PL20 {
    padding:0px;
}

.PL20 > input.AgreeTermsAndConditions
{
	height: 18px !important;
    min-width: 40px !important;
}
}
.PL40 {
    padding:0px 0px 0px 40px;
}
.ML20 {
    margin:0px 0px 0px 20px;
}
.MT10 {
    margin-top:10px;
    margin-bottom:10px;
}
.PL10 {
    padding-left:10px;
}
.PB2 {
    padding-bottom:2px;
}
.NoMarginBottom {
    margin-bottom: 0;
}
.Required {
    color: red;
    font-weight: bold;
    visibility: visible;
}
.InfoMessage {
    padding: 8px 6px 8px 28px;
    margin-bottom: 10px;
}

.SuccessMessage {
    padding: 8px 6px 8px 28px;
    margin-bottom: 10px;
}
.ErrorMessage {
    padding: 8px 6px 8px 28px;
    margin-bottom: 10px;
}/************* Page Specific: Create Account / Login Page *************/
.CreateAccount {
    float: left;
    width: 335px;
    border-right: 1px solid #ccc;
    padding-right: 20px;
}
.AccountLogin {
    float: left;
    padding-left: 20px;
    width: 335px;
}
ul.ShippingAddressList, ul.ShippingAddressList li {
    list-style: none;
    margin: 0;
    padding: 0;
}
ul.ShippingAddressList li {
    width: 30%;
    float: left;
    margin-right: 10px;
    margin-bottom: 20px;
}
.PrimaryProductDetails .ProductThumb {
    float: left;
    width: 190px;
    text-align: center;
}
.PrimaryProductDetails .ProductMain {
    float: left;
    width: 340px;
}
.PrimaryProductDetails dl {
    font-size: 0.90em;
}
.PrimaryProductDetails dt {
    font-weight: bold;
    width: 80px;
    clear: left;
}
.PrimaryProductDetails dd {
    margin-left: 90px;
}
.Right hr {
    margin: 5px 0 0;
}
.Content h3 {
    margin-bottom: 5px;
}
.ComparisonCheckbox {
    float: left;
}
.SideRecentlyViewed .CompareButton {
    margin: 10px 0 0 0;
    padding: 0;
}
.SideRecentlyViewed .ProductList li {
    margin-left: 0;
}
.SideRecentlyViewed .ProductDetails {
    margin-left: 20px;
}
/* Product Comparisons */
.ComparisonTable {
    width: 100%;
}
.ComparisonTable td {
    vertical-align:top;
    font-size: 11px
}
.CompareFieldName {
    width:95px;
    padding:8px 10px 8px 15px;
}
.CompareFieldTop {
    padding:5px;
    text-align:center;
}
.CompareFieldTop a {
    text-decoration:none;
    font-size:10px;
}
.CompareFieldTop a:hover {
    text-decoration:underline;
}
.CompareLeft {
    padding:5px 10px 5px 10px;
}
.CompareCenter {
    text-align:center;
    padding:5px;
}
.CompareRating {
    text-align:center;
    padding-top:8px;
    vertical-align:middle;
}
.CompareProductOption {
    margin-left:20px;
    padding-left:5px;
}
.Availability {
    color:gray;
}
.LittleNote {
    color:gray;
    font-size: 0.85em;
}
.ViewCartLink {
    padding-left: 30px;
    padding-top: 4px;
    padding-bottom: 8px;
}
/* General Tables */
table.General, table.CartContents, table.General {
    width: 100%;
    margin: 10px 0;
}
table.General thead tr th, table.CartContents thead tr th {
    padding: 6px 10px;
    text-align: left;
}
table.General tbody td, table.CartContents tbody td {
    padding: 6px 10px;
    vertical-align: top;
}
table.General tbody tr.First td {
    border-top: 0;
}
/* Cart Contents Table */

.CartContents tbody td {
    border-bottom: 0;
}
.CartContents .ProductName a {
    font-weight: bold;
}
.CartContents tfoot .SubTotal td {
    text-align: right;
    font-weight: bold;
}
.ProceedToCheckout {
    text-align: right;
}
.Content .ProceedToCheckout {
    width: 200px;
    float: right;
}
.ProceedToCheckout a {
    padding-top: 5px;
}
.ProductOptionList, .ProductOptionList li {
    list-style: none;
    margin: 0;
    padding: 0;
}
ul.ProductOptionList {
    margin-top: 5px;
    margin-bottom: 10px;
}
.ProductOptionList li {
    margin-bottom: 3px;
    margin-left: 2px;
}
.ProductOptionList input {
    vertical-align: middle;
}
.MiniCart .SubTotal {
    text-align: center;
    font-size: 115%;
    color: #075899;
}
.MiniCart .CartProductOptionList {
    display: block;
}
.JustAddedProduct {
    width: 128px;
    overflow: hidden;
    margin: auto;
    text-align: center;
    padding: 5px;
    margin-bottom: 10px;
}
.JustAddedProduct strong, .JustAddedProduct a {
    font-weight: bold;
    font-size: 1.02em;
    display: block;
    margin-bottom: 3px;
}
.CategoryPagination .PagingList, .CategoryPagination .PagingList li {
    list-style: none;
    padding: 0;
    margin: 0;
}
.CategoryPagination {
    padding: 5px;
    text-align: center;
}
.CategoryPagination .PagingList li {
    display: inline;
    padding: 0 5px;
}/* Quick Search */
.QuickSearch {
    z-index: 20;
    margin: 0;
    padding: 0;
    text-align: left;
    border-collapse: collapse;
    background: #fff;
    border: 1px solid #BFBFBF;
}
.QuickSearchTitle td, .QuickSearchAllResults td {
    font-weight: bold;
    padding: 4px;
    font-size: 11px;
}
.QuickSearchResult td {
    font-size: 11px;
    padding:8px 0px 8px 8px;
    cursor: pointer;
}
.QuickSearchResultImage {
    margin-left: 4px;
    margin-right: 10px;
    text-align: center;
}
.QuickSearchResultNoImage {
    padding-top: 10px;
    color: #777;
}
.QuickSearchResultName {
    font-weight: bold;
    text-decoration: none;
    display: block;
    padding-bottom: 5px;
}
.QuickSearchResult .Price {
    font-size: 11px;
}
.QuickSearchHover td {
    background: #E8F4F8;
}
.QuickSearchHover a {
    text-decoration: underline;
    font-weight:bold;
}
.QuickSearchAllResults {
    text-indent: -7000px;
}
.QuickSearchAllResults a {
    text-decoration: underline;
    height: 25px;
    display: block;
    background: url('../../Benefits/images/blue/QuickSearchAllResultsButton.gif') no-repeat right;
}
.QuickSearchAllResults a:active, .QuickSearchAllResults a {
    outline: none;
    -moz-outline-style: none;
}
/* Brand Tag Clouds */
.BrandCloud .smallest {
    font-size:12px;
}
.BrandCloud .small {
    font-size:15px;
}
.BrandCloud .medium {
    font-size:18px;
}
.BrandCloud .large {
    font-size:20px;
}
.BrandCloud .largest {
    font-size:26px;
}
.BrandCloud a {
    padding-right: 5px;
}
.DownloadExpires {
    padding-top: 3px;
    font-style: italic;
    color: gray;
}
.DownloadExpiresToday {
    color: red;
}
.CheckoutRedeemCoupon h4 {
    display: none;
}
.CheckoutRedeemCoupon p {
    display: none;
}
.BillingDetails {
    float: left;
    width: 48%;
    margin-right: 10px;
    margin-bottom: 15px;
}
.ShippingDetails {
    float: left;
    width: 48%;
    margin-bottom: 15px;
}
.ProductDetailsGrid dt {
    width: 140px;
    margin-bottom: 6px;
    float: left;
    font-weight: bold;
}
.ProductDetailsGrid dd {
    margin-left: 140px;
    margin-bottom: 6px;
}
.SubCategoryList {
    padding: 4px;
}
.SubCategoryList ul, .SubCategoryList li {
    list-style: none;
    margin-left: 0;
}
.SubCategoryList li {
    margin-bottom: 4px;
    padding-left: 25px;
    background: url('https://store.steoil.com/product_images/SubCategoryRed.gif') no-repeat 3px 1px;
}
.SearchTips .Examples {
    background: lightyellow;
    padding: 8px;
    border: 1px solid #aaa;
    color: #555;
    margin-left: 30px;
    margin-bottom: 10px;
}
.PrimaryProductDetails .ProductThumb p {
    margin-top: 10px;
    font-size: 0.9em;
}
.ProductReviewList {
    clear: both;
}
.SortBox select {
    font-size: 0.9em;
}
.SortBox option {
    color: #444;
}
.YourAccount li {
    margin-bottom: 8px;
}
.SoldOut {
    color: #999;
}
.RemoveFromWishlistForm {
    margin: 5px;
}
.ShippingProviderList {
    list-style: none;
}
small {
    font-size: 11px;
    color: gray;
}
.HowToPay {
    margin-bottom: 10px;
}
.ProductList em, .ProductList .Rating {
    display: block;
    padding-bottom:3px;
}
.ProductOptionList {
    display: block;
}
.GoogleCheckout p, .PayPalExpressCheckout p, .AlternativeCheckout p {
    margin: 0;
    font-size: 90%;
}
.GoogleCheckout, .PayPalExpressCheckout, .AlternativeCheckout {
    text-align: center;
    margin-bottom: 10px;
}
.KeepShopping {
    width: 180px;
    clear: both;
    text-align: right;
}
/** Top Right Locale Chooser (list of flags) **/
#TopMenu li.Flag {
    float: right;
}
#TopMenu li.Flag div {
    border: 0;
}
#TopMenu li.Flag img {
    margin: 3px;
}
#TopMenu li.Flag img.Last {
    margin-right: 0px;
}
#TopMenu li.Flag img.Selected {
    border: 2px solid #ffffaa;
    margin: 1px 3px;
}
/** Currency Selector **/
.CurrencyList dl {
    margin: 0;
    padding: 0;
}
.CurrencyList dd {
    padding: 0px;
    margin: 0px;
    border: 1px solid #EDECEC;
    background-color: #F9F9F9;
    clear: both;
}
.CurrencyList a {
    padding: 0 3px 0 5px;
    display: block;
    line-height: 1.8;
    text-decoration: none;
    font-size: 11px;
}
.CurrencyList a.Sel {
    background-color: #FFFFAA;
}
.CurrencyList a:hover .Text {
    text-decoration: underline;
}
.CurrencyList a .Flag {
    margin-top: 4px;
    display: block;
    float: left;
    width: 24px;
    padding-right: 2px;
    vertical-align: middle;
}
.CurrencyList a .Text {
    display: block;
    padding-left: 24px;
}
.PrimaryProductDetails .YouSave {
    font-weight: bold;
    margin-top: 3px;
    display: block;
}
/* Shipping Estimation on Cart Contents Page */
.EstimateShipping {
    margin-top: 4px;
    margin-bottom: 4px;
    font-weight: normal;
    width: 320px;
    padding: 7px;
    float: right;
}
.EstimateShipping dt {
    width: 100px;
    float: left;
    margin-bottom: 8px;
    clear: left;
}
.EstimateShipping dd {
    margin-bottom: 8px;
    font-weight: normal;
    text-align: left;
    margin-left: 114px;
}
.EstimateShipping p.Submit {
    margin-top: 10px;
    margin-bottom: 3px;
}
.EstimateShipping label {
    display: block;
    margin-bottom: 5px;
}
.EstimatedShippingMethods {
    text-align: left;
}
.EstimatedShippingMethods table {
    width: 100%;
    border-collapse: collapse;
}
.EstimatedShippingMethods .VendorShipping {
    margin-left: 20px;
    margin-bottom: 10px;
}
.EstimatedShippingMethods .Submit {
    text-align: right;
}
.CartContents tfoot .SubTotal .EstimatedShippingMethods tbody td {
    text-align: left;
}
.CartContents tfoot .SubTotal .EstimatedShippingMethods tbody td.Price {
    text-align: right;
}
.SharePublicWishList {
    background-color:lightyellow;
    padding:5px;
    border:1px solid #CDDEE2;
}
/* Express Checkout */
.ExpressCheckoutBlock .ExpressCheckoutTitle {
    position: relative;
    padding: 6px;
    margin-bottom: 10px;
}
.ExpressCheckoutBlock h3 a {
    font-size: 12px;
}
.ExpressCheckoutBlock {
    padding-top: 6px;
}
.ExpressCheckoutBlock .ExpressCheckoutCompletedContent {
    display: none;
}
.ExpressCheckoutBlockCompleted .ExpressCheckoutCompletedContent {
    display: inline;
    font-size: 12px;
    font-weight: normal;
    font-style: italic;
}
.ExpressCheckoutBlockCollapsed .ExpressCheckoutContent {
    display: none;
}
a.ChangeLink {
    position: absolute;
    right: 15px;
}
.ExpressCheckoutBlock a.ChangeLink {
    display: none;
}
.ExpressCheckoutBlockCompleted a.ChangeLink {
    display: inline;
}
.ExpressCheckoutCompletedContent {
    position: absolute;
    left: 250px;
}
.LoadingIndicator {
    margin-left: 10px;
}
.LoadingIndicator img {
    vertical-align: middle;
    margin-right: 10px;
}
#TopMenu li.HeaderLiveChat {
    float: right;
}
#TopMenu li.HeaderLiveChat div {
    border-left: 0;
}
.HeaderLiveChat img {
    vertical-align: middle;
}
#ProductOtherDetails .ProductDetailsGrid {
    margin-left: 25px;
}
.SubCategoryListGrid {
    padding: 4px;
}
.SubCategoryListGrid ul, .SubCategoryListGrid li {
    list-style: none;
    margin-left: 0;
}
.SubCategoryListGrid li {
    margin-bottom: 4px;
    padding: 10px;
    margin-left: 10px;
    background: #fff;
    float: left;
    text-align: center;
}
.SubCategoryListGrid ol {
    clear: both;
}
.SubBrandList {
    padding: 4px;
}
.SubBrandList ul, .SubBrandList li {
    list-style: none;
    margin-left: 0;
}
.SubBrandList li {
    margin-bottom: 4px;
    padding-left: 25px;
    background: url('../../Benefits/images/SubBrand.gif') no-repeat 3px 1px;
}
.SubBrandListGrid {
    padding: 4px;
}
.SubBrandListGrid ul, .SubBrandListGrid li {
    list-style: none;
    margin-left: 0;
}
.SubBrandListGrid li {
    margin-bottom: 4px;
    padding: 10px;
    margin-left: 10px;
    background: #fff;
    float: left;
    text-align: center;
}
.SubBrandListGrid ol {
    clear: both;
}
.ProductAddToCart dt {
    float: left;
    font-weight: bold;
    width: 140px;
    margin-bottom: 4px;
}
.ProductAddToCart dt div.Required, #CartEditProductFieldsForm dt div.Required {
    margin-left: -10px;
}
.ProductAddToCart dd {
    margin-left: 140px;
    margin-bottom: 4px;
}
.ProductAddToCart input.Textbox, #CartEditProductFieldsForm input.Textbox {
    width:181px;
}
.ProductAddToCart textarea, #CartEditProductFieldsForm textarea {
    width:183px;
    height: 50px;
}
.ProductFields dd {
    margin-bottom: 4px;
    float:left;
    margin-left:20px;
}
.ProductFields {
    margin-bottom: 15px;
}
.ProductFields input.Textbox {
    width:100%;
}
.ProductFields TextArea {
    width:100%;
}
.CartContents .CartProductFieldsLink {
    font-size: 11px;
    color: #666;
    margin-top: 6px;
    padding-left: 22px;
    background: url('../../Benefits/images/GiftWrappingAvailable.gif') no-repeat;
    padding-bottom: 4px;
}
.CartContents .CartProductFieldsRow {
    border-top: 0;
}
.CartContents .CartProductFieldsRow dl {
    margin-top:15px;
}
p.QuantityInput, p.AddCartButton {
    text-align: center;
}
.ProductAddToCart dt.QuantityInput {
    margin-top: 4px;
}
.ProductAddToCart dd.AddCartButton span {
    margin-top: 4px;
    padding-right: 5px;
}
.ProductActionAdd {
    display: block;
    margin-top: 5px;
    width:112px;
    height:18px;
    text-align:center;
    padding-top:3px;
    font-size:.95em;
    font-weight:700;
}
.ProductActionAdd a, .ProductActionAdd strong a, .ProductActionAdd a:hover, .ProductActionAdd strong a:hover {
    text-decoration: none;
}
.TagList {
    margin-top: 20px;
}
.CartThumb {
    text-align: center;
    width: 1px;
}
.WrappingOptions {
    font-size: 11px;
    color: #666;
    margin-top: 6px;
    padding-left: 22px;
    background: url('../../Benefits/images/GiftWrappingAvailable.gif') no-repeat;
    padding-bottom: 4px;
    line-height: 1.6;
}
.ViewAllLink a {
    padding-top: 10px;
    display: block;
}
.SelectGiftWrapMultiple {
    max-height: 400px;
}
/* Tabbed Navigation */
.TabNav, .TabNav li {
    list-style: none;
    margin: 0;
    padding: 0;
}
.TabNav {
    font-size: 11px;
    margin-bottom: 10px;
    padding: 6px 4px 6px 4px;
}
.TabNav li {
    display: inline;
}
.TabNav li a {
    position: relative;
    top: 2px;
    font-size: 12px;
    padding: 4px 6px;
    margin-right: 3px;
    margin-top: 3px;
    text-decoration: none;
}
.TabNav li a:hover {
    text-decoration: none;
}
.TabNav li.Active a {
    margin-top: 0px;
    padding-top: 7px;
    font-weight: bold;
}
.ProductAddToCart dd.AddCartButton div.BulkDiscount {
    display: inline-block;
    float:left;
}
.ProductAddToCart dd.AddCartButton div.BulkDiscount div.BulkDiscountLink {
    padding-left: 4px;
}
#VendorLogo .BlockContent, #VendorPhoto .BlockContent {
    margin: 0;
    text-align: center;
}
.TransitTime {
    font-weight: normal;
    color: gray;
}
.Content .ProductList.List li {
    margin: 0;
    margin-top: 6px;
    display: block;
    width: auto;
    min-height: 0;
    float: none;
    padding: 6px;
    height: auto;
    background-image: none;
}
.ProductList.List .ProductImage {
    margin: 0;
    padding: 0px;
    margin-right: 15px;
    float: left;
    background-image: none;
    width: 120px;
}
.ProductList.List .ProductDetails {
    display: block;
    clear: none;
    padding: 0px;
    margin: 0px;
    margin-left: 135px;
    text-align: left;
    background-image: none;
}
.ProductList.List .ProductQty {
    margin-left: 10px;
}
.ProductList.List .ProductDescription {
    font-style: italic;
    margin-top: 5px;
}
.ProductRightCol {
    float: right;
}
.ProductList.List li .ProductCompareButton {
    text-align: left;
    margin-top: 10px;
}
.OrderItemMessage {
    background-color:#fff1a8;
    padding:7px;
    margin:10px 0px 10px 0px;
}
/* Custom Fields - Start */

.LittleNotePassword {
    color:gray;
    font-size: 0.85em;
    padding:2px 0px 2px 0px;
}
.RequiredClear {
    visibility: hidden;
}
.ProductDetailsGrid .AddCartButton {
    width:200px;
    display:block !important;
}
/* Custom Fields - End */

/* Product Details */
.ProductDetailsGrid .DetailRow {
    clear: left;
    margin-top: 6px;
    padding-left: 140px;
}
.ProductDetailsGrid .Label {
    margin: 0 0 6px -140px;
    float: left;
    width: 130px;
    font-weight: bold;
    padding-top: 1px;
    display: inline;
    position: relative;
    text-align: right;
}
.ProductDetailsGrid .Value {
    display: inline;
}
.ProductDetailsGrid .Label .Required {
    position: absolute;
    left: -1em;
}
.ProductOptionList ul, .ProductOptionList li {
    list-style: none;
    margin: 0;
    padding: 0;
}
.ProductOptionList li {
    margin-bottom: 3px;
}
.ProductOptionList input {
    vertical-align: middle;
}
/* Product Videos */

#FeaturedVideo, #VideoList, #VideoSingle {
    float: left;
}
#VideoList {
    padding-left: 5px;
}
.VideoSeparator {
    clear: both;
}
.videoRow {
    clear: both;
    margin-bottom: 4px;
    display: block;
    height: 75px;
}
.previewImageContainer {
    height: 30px;
    width: 50px;
}
.videoRow img {
    float: left;
    padding-right: 5px;
}
.videoRowTitle {
    font-weight: bold;
}
.videoRowDescription {
    max-height: 50px;
    overflow:hidden;
}
.VideoOverlay {
    background-image: url('../../Benefits/images/VideoOverlay.png');
    background-position: center center;
    position: absolute;
    left: 0;
    height: 100%;
    width: 100%;
    top: 0;
}
.VideoContentContainer {
    position: relative;
    margin-left: 3px;
    padding-left: 92px;
}
/** If you change the width of the .VideoPreviewSize class below, change the padding-left of the .VideoContentContainer class above **/

.VideoPreviewSize {
    width: 92px;
    height: 69px;
}
.videoRowLength {
    padding-left: 4px;
}
.videoRow, .videoRowTitle, .videoRow img, .videoRowLength {
    cursor: pointer;
}
#VideoList ul {
    position: relative;
    overflow-y: auto;
    padding:0;
    margin: 0;
    width: 275px;
    height: 265px;
}
#VideoSingle {
    padding-left: 10px;
    width:275px;
}
#VideoContainer {
    padding: 5px 0 5px 5px;
    height: 265px;
}
.HideElement {
    display: none;
}
.VideoSingleTitle {
    font-weight: bold;
}
.VideoSingleDescription {
    padding-top: 10px;
    overflow-y: auto;
    height: 220px;
    padding-right:5px;
}
.Left #VideoMiddleContainer, .Right #VideoMiddleContainer {
    display: none;
}
.Content #VideoSideContainer {
    display: none;
}
#VideoSideContainer ul {
    text-align: center;
}
#VideoSideContainer ul li {
    margin-bottom: 5px;
}
.VideoSideDescription {
    padding: 2px 10px;
}
.VideoImageContainer {
    position: relative;
    float: left;
}
/** Search All Form Result - Start **/
.SearchPaging {
    float: right;
    font-size: 0.95em;
}
.SearchSorting {
    float: right;
    font-size: 0.95em;
    margin: 8px 0px;
}
.SearchSorting select {
    font-size: 0.95em;
}
#SearchResultsCategoryAndBrand {
    margin: 5px;
    padding: 5px;
}
.ContentList em, .QuickSearchResultMeta em {
    font-size: 0.8em;
}
/** Search All Form Result - End **/

/** AJAX loading box - Start **/

#AjaxLoading {
    display: none;
    text-align: center;
    background: #FCF5AA;
    width: 180px;
    z-index: 10000000000;
    padding: 5px 10px;
}
#AjaxLoading img {
    vertical-align: bottom;
    margin-right: 5px;
}
/** AJAX loading box - End **/
#ProductDetails #ImageScrollPrev, #ProductDetails #ImageScrollNext {
    float: left;
    background:none;
    border:none;
    margin-top:16px;
    cursor:pointer;
    display: none;
}
#ProductDetails .ProductTinyImageList {
    float: left;
    margin-top:10px;
    white-space:nowrap;
    width: 80%;
    overflow: hidden;
    margin-left:auto;
}
#ProductDetails .ProductTinyImageList ul li {
    width: 40px;
    height: 30px;
    overflow: hidden;
    float: left;
    margin-left:3px;
    border: 1px solid gray;
}
#ProductDetails .ProductTinyImageList ul li div {
    display: table-cell;
    text-align: center;
}
#ProductDetails .ProductTinyImageList ul li #TinyOuterDiv {
    border: 2px solid white;
}
#ProductDetails .ProductTinyImageList ul {
    margin: 0pt;
    padding: 0pt;
    position: relative;
    list-style-type: none;
    white-space:nowrap;
    width: 2500px;
}
#ProductDetails .ProductThumbImage {
    height: 220px;
    width: 220px;
/*  overflow: hidden;  */
    margin:auto;
}
.carousel {
    position: relative;
    visibility: hidden;
    left: -5000px;
    width: 180px;
}

/* Category flyout styles (structural) */

/* Menu containers */
#SideCategoryList .sf-menu,
#SideCategoryList .sf-menu ul,
#SideCategoryList .sf-menu li {
    width: 140px; /* the width must be fixed to the use of floats */
}

/* Menu links */
#SideCategoryList .sf-menu a {
    padding: 5px 8px 5px 8px;
    width: 134px; /* this + paddings must equal the root width above for hovers to work */
}

.Left #SideCategoryList .sf-menu a,
.Right #SideCategoryList .sf-menu a {
    background-position: 0 10px;
}

/* Child override: menu containers */
#SideCategoryList .sf-menu ul {
    left: 140px;
}

/* Child override: menu links */
#SideCategoryList .sf-menu ul a {
    padding: 5px 8px 5px 8px;
    width: 134px; /* this + paddings must equal the child width above for hovers to work */
}

 .tagline { font: 18pt "Frutiger Next Regular", Arial, Helvetica, Tahoma, Sans-Serif; color: #2289cd; border: 0;text-decoration: none;font-weight: bold;line-height:17pt;padding-left:15px;}
 .taglineLarge { font: 20pt "Frutiger Next Regular", Arial, Helvetica, Tahoma, Sans-Serif; color: #2289cd; border: 0;text-decoration: none;font-weight: bold;line-height:17pt;padding-left:15px;}
 .tagline2 { font: 18pt "Frutiger Next Regular", Arial, Helvetica, Tahoma, Sans-Serif; color: #e02a12; border: 0;text-decoration: none;font-weight: bold;line-height:17pt;padding-left:15px;}
 .tagline2Large { font: 20pt "Frutiger Next Regular", Arial, Helvetica, Tahoma, Sans-Serif; color: #e02a12; border: 0;text-decoration: none;font-weight: bold;line-height:17pt;padding-left:15px;text-align:left;}
 .tagline3 { font: 18pt "Frutiger Next Regular", Arial, Helvetica, Tahoma, Sans-Serif; color: #27cd23; border: 0;text-decoration: none;font-weight: bold;line-height:17pt;padding-left:15px;}
 .tagline3Large { font: 20pt "Frutiger Next Regular", Arial, Helvetica, Tahoma, Sans-Serif; color: #27cd23; border: 0;text-decoration: none;font-weight: bold;line-height:17pt;padding-left:15px;}
 .tagline4 { font: 18pt "Frutiger Next Regular", Arial, Helvetica, Tahoma, Sans-Serif; color: #ff5113; border: 0;text-decoration: none;font-weight: bold;line-height:17pt;padding-left:15px;}



	#top {width:100%; height:20px; background:#003daf;}
#header
	{
		margin:0 auto;
		width:100%;
		height:119px; /*height:106px;*/
		display:block;
		text-align:left;
		z-index:100;
		position:relative;
		background-color: rgba(255, 255, 255, 0.97);
		filter: alpha(opacity=97);  /* Opacity for IE8 and lower */
	    zoom: 1;  /* Fix for IE7 */
		 -moz-opacity:0.97;
        -khtml-opacity: 0.97;
        opacity: 0.97;
	    position: fixed;
		top:0;
		left:0;
		border-bottom:1px solid #fff;
	}

		#logo
		{
			float:left;
			width:150px;
			height:90px; /*height:106px;*/
			padding-top:10px;
			z-index:1000000000001;
			padding-left:6%;
		}

			/*  #logo img {height:95px;} added to reduce height of nav */


		#navmenu
		{
			float:right;
			min-width:630px;
			width:auto;
			height:100px; /*height:106px;*/
			text-align:right;
			z-index:1001;
		}
			
			#menu ul#topMenu
			{
				width:100%;
				height:100px; /*height:106px;*/
				display:block;
				float:right;
			}

			#navmenu ul#topMenu li
			{
				float:left;
				padding-top:35px;
				height:65px; /*height:106px;*/
				display:inline;
				width:auto;
				text-align:center;
				/*border-left:1px solid #c5c5c5;*/
			}
			#navmenu ul#topMenu li.noborder, #navmenu ul#topMenu li a.noborder{border:none;}

				#navmenu ul#topMenu li a
				{
					font-family: "Frutiger Next Medium";
				    font-size: 14px;
				    color: #003daf;
					font-family: 'Frutiger Next Regular', Arial, Helvetica, sans-serif;
					color:#0053a0;
					font-size:13px;
					text-decoration:none;
					text-transform:capitalize;
					/*padding-top:45px;*/
					padding-top:10px;
					padding-bottom:10px;
					padding-left:25px;
					padding-right:25px;
					height:20px;
					display:inline-block;
					width:auto;
					border-left:1px dotted #aaa;
				}

				#navmenu ul#topMenu li a.sicon {padding-left:45px; padding-right:45px;padding-top:5px;padding-bottom:15px;} /*padding-top:40px;*/
				#navmenu ul#topMenu li a:hover {color:#ff0200;}

				

/* 
transition:all 0.5s ease-in-out 0s;
    -moz-transition:all 0.5s ease-in-out 0s;
    -webkit-transition:all 0.5s ease-in-out 0s;
    -o-transition:all 0.5s ease-in-out 0s;

	transition:all 0.5s ease-in-out 0s; -moz-transition:all 0.5s ease-in-out 0s; -webkit-transition:all 0.5s ease-in-out 0s; -o-transition:all 0.5s ease-in-out 0s;  
*/

				#navmenu ul#topMenu li > div.listHolder 
				{ display:none; position:absolute; opacity: 0; top:119px; background:#ffffff; padding:0; height:0;max-height:0;} /* top:106px;  */
				#navmenu ul#topMenu li:hover > div.listHolder { -moz-opacity:0.97;
        -khtml-opacity: 0.97;
        opacity: 0.97;filter: alpha(opacity=97);  /* Opacity for IE8 and lower */
	    zoom: 1;  /* Fix for IE7 */ height:auto;max-height: 500px;display:block;} 
				#navmenu ul#topMenu li a:hover div.listHolder {left:-1px;} 

				#navmenu ul#topMenu li div.col2 {width:500px; text-align:left;}
				#navmenu ul#topMenu li div.col3 {width:520px;} 
				#navmenu ul#topMenu li div.col4 {width:195px;}

				#navmenu ul#topMenu a:hover div.left1, #navmenu ul#topMenu :hover div.left1 {left:-141px;} 
				#navmenu ul#topMenu div.listHolder div.listCol {display:block; float:left; padding:10px; margin:0px;width:45%;} 
				#navmenu ul#topMenu div.listHolder div.listCol h5 {padding:5px 0 0 0; margin:0; font-size:11px; line-height:20px; text-align: left;} 
				#navmenu ul#topMenu div.listHolder div.listCol ul {padding:3px; margin:0; list-style:none;line-height:20px; } 
				#navmenu ul#topMenu div.listHolder div.listCol ul li {line-height:20px; padding:3px; margin:0;border:0;border-bottom: 1px dotted #2a2a2a; height:25px;text-align: left;padding-right:0;width:90%;display:block;float:left;margin-left:15px;} 
				#navmenu ul#topMenu div.listHolder div.listCol ul li a {color:#0a3a80; text-decoration:none; font-weight:normal;line-height:20px;border:0;padding-left:0;width:90%;} 
				#navmenu ul#topMenu div.listHolder div.listCol ul li a:hover {color:#ff0200;} 
				#navmenu ul#topMenu div.listHolder div.bottomLine {clear:left; background:#71c3fa; padding:5px 10px;}
				#navmenu ul#topMenu a:hover div.listHolder div.bottomLine {height:1px;}
				#navmenu ul#topMenu div.listHolder div.bottomLine p {padding:0 0 0 5px; margin:0; line-height:20px; color:#fff; background:#71c3fa;} 
				#navmenu ul#topMenu div.listHolder div.bottomLine p a {color:#fff; text-decoration:underline;} 
				#navmenu ul#topMenu div.listHolder div.bottomLine p a:hover {text-decoration:none;}

				#navmenu ul#topMenu div.listHolder div.listCol ul li.subm_cl {width:96%;display:block;float:left;margin-left:0;}
		

				.dropdown3 .listHolder {margin-left:-330px; }
				.dropdown4 .listHolder {margin-left:-345px; }

				#navmenu ul#topMenu div.listHolder div.listCol ul li.red a {color:#e02a12;}
				#navmenu ul#topMenu div.listHolder div.listCol ul li.pb25 {padding-bottom:25px;}


#Outer #Header #Logo {display:none;}

.CurrentlySoldOut p {
    margin-top: 20px;
    line-height: 0;
    color: red;
}


		@media (min-width:960px) and (max-width:1009px)
		{
			#logo {width:165px;}
			#navmenu {width:auto;min-width:600px;}
			#navmenu ul#topMenu li a {padding-left:7px; padding-right:7px;font-size:11px;}
			#navmenu ul#topMenu li a.sicon {padding-left:10px; padding-right:10px;}

			#navmenu ul#topMenu li div.col2 {width:400px; }
			#navmenu ul#topMenu li div.col3 {width:400px;} 
			#navmenu ul#topMenu div.listHolder div.listCol ul li {line-height:20px;} 

			.dropdown3 .listHolder {margin-left:-290px; }
			.dropdown4 .listHolder {margin-left:-302px; }

			.Left, .Right { width:17%; }
			.Content { width:62%; }


			/*#slider {height:420px;}*/

			#footernav {
					float: left;
					padding-left:50px;
				}
			#footernav ul#fmenu li { padding-left:20px; padding-right:20px; font-size:12px;}
			#footernav ul#fmenu li li {font-size:12px;padding:0;}
			#footeradd {font-size:13px;padding-right: 50px;}

			h1.company 
			{		
				line-height:24px;
			}

			#tagline 
			{				
				font-size: 24px;					
			}

			.cohr
			{
				height:2px;background:#373737;color:#373737;border:none;width:45%;
			}

						ul#followmenu {padding-top:15px;}

			#shop_btn {
					
					text-align: center;
					position: absolute;
					margin-top: 195px;
					width: 40%;
				}

			#shop_btn img {width:100px;}
			#shop_btn img:hover  {width:120px;}

			#followmenu a.twitter {background-size:70%;}
			#followmenu a.facebook {background-size:70%;}
			#followmenu a.linekdin {background-size:70%;}
			#followmenu a.gplus {background-size:70%;}

		}


		@media (min-width:1010px) and (max-width:1130px)
		{
			#logo {width:165px;}
			#navmenu ul#topMenu li a {padding-left:10px; padding-right:10px;font-size:12px;}
			#navmenu ul#topMenu li a.sicon {padding-left:20px; padding-right:20px;}
			
			#navmenu ul#topMenu li div.col2 {width:400px; }
			#navmenu ul#topMenu li div.col3 {width:400px;} 
			#navmenu ul#topMenu div.listHolder div.listCol ul li {line-height:20px;} 

			
			.dropdown3 .listHolder {margin-left:-270px; }
			.dropdown4 .listHolder {margin-left:-282px; }

			.Left, .Right { width:16.5%; }
			.Content { width:63.2%; }

			/*#slider {height:440px;}*/
			#footernav {padding-left: 50px;}
			#footeradd {padding-right:50px;}
			#footernav ul#fmenu li { padding-left:30px; padding-right:30px; font-size:13px;}
			#footernav ul#fmenu li li {font-size:13px;padding:0;}
			#footeradd {font-size:14px;}

			h1.company 
			{		
				line-height:26px;
			}

			#tagline 
			{				
				font-size: 25px;					
			}

			.cohr
			{
				height:2px;background:#373737;color:#373737;border:none;width:45%;
			}
			#shop_btn {
					text-align: center;
					position: absolute;
					width: 40%;
					margin-top: 210px;
				}

			#shop_btn img {width:110px;}
			#shop_btn img:hover  {width:130px;}
			
			#followmenu a.twitter {background-size:75%;}
			#followmenu a.facebook {background-size:75%;}
			#followmenu a.linekdin {background-size:75%;}
			#followmenu a.gplus {background-size:75%;}
		}

		@media (min-width:1131px) and (max-width:1240px)
		{
			#logo {width:175px;}
			#navmenu ul#topMenu li a {padding-left:12px; padding-right:12px;font-size:12px;}
			#navmenu ul#topMenu li a.sicon {padding-left:25px; padding-right:25px;}
			
			#navmenu ul#topMenu li div.col2 {width:450px; }
			#navmenu ul#topMenu li div.col3 {width:450px;} 
			#navmenu ul#topMenu div.listHolder div.listCol ul li {line-height:20px;} 

			.dropdown3 .listHolder {margin-left:-310px; }
			.dropdown4 .listHolder {margin-left:-322px; }

			.Left, .Right { width:15%; }
			.Content { width:66.5%; }

/*			#slider {height:500px;}*/
			#footernav {padding-left: 70px;}
			#footeradd {padding-right:50px;}
			#footernav ul#fmenu li { padding-left:40px; padding-right:40px; }
			#footernav ul#fmenu li li {padding:0;}

			#welcomead {height:320px;}

			#welcomead .cleft
			{
				float:left;
				margin-top:18px;
				margin-left:30px;
				width:28%;
				height:300px;
				background:url("../images/welcome_pic.png") no-repeat 0 0;
				background-size:280px;
			}

			#welcomead .cright {font-size:14px;line-height:18px;}

			#welcomead h1 {font-size:30px;}

			#hproducts .ptitle  {font-size:22px;height: 245px;}
			#hproducts .ptitle1 {font-size:22px;}

			#shop_btn {margin-top:200px;}

			#shop_btn img {width:120px;}
			#shop_btn img:hover  {width:140px;}

			#tagline 
			{				
				font-size: 30px;					
			}
			

			h1.company 
			{		
				line-height:26px;
			}

			.cohr
			{
				height:2px;background:#373737;color:#373737;border:none;width:45%;
			}

			#followmenu a.twitter {background-size:85%;}
			#followmenu a.facebook {background-size:85%;}
			#followmenu a.linekdin {background-size:85%;}
			#followmenu a.gplus {background-size:85%;}

			#plogos img {}
		}

		.FacebookLikeButton {display:none;}


		@media (min-width:1340px) and (max-width:1480px)
		{
			#footeradd {padding-right:100px;}
			#footernav ul#fmenu li { padding-left:65px; padding-right:65px; }
			#footernav ul#fmenu li li {padding:0;}
		}

		@media (min-width:1481px) and (max-width:1600px)
		{
			#footeradd {padding-right:100px;}
			#footernav ul#fmenu li { padding-left:75px; padding-right:75px; }
			#footernav ul#fmenu li li {padding:0;}
		}

		@media (min-width:1601px) and (max-width:1900px)
		{
			#footeradd {padding-right:100px;}
			#footernav ul#fmenu li { padding-left:90px; padding-right:90px; }
			#footernav ul#fmenu li li {padding:0;}
		}