/* 
OFC STYLE
Author: Jonathan Marzullo
Website: www.outdoorfabriccentral.com
*/
* {
	margin: 0;
	padding: 0;
	outline:none;
	-moz-outline-style: none;
}

html, body, form, fieldset {
	margin: 0;
	padding: 0;
}

body {
	background: url(../images/pacific_blue_bg.gif) repeat top left #094284;
	font-family: Arial, Helvetica, sans-serif;
	line-height: 1.5em;
	font-size: 11px;
	color: #666666;
	margin: 0;
	text-align:center;
	position:relative;
}

img {
	margin: 0;
	padding: 0;
	border:0;
}

.border_img {
	padding: 2px;
	border:solid #CCCCCC 1px;
}

#mycarousel a .border_img{width:88px;height:38px;}

#mycarousel li.jcarousel-item a {width:88px;height:38px;}

html body :-moz-any-link:focus { outline: none; }

:focus { -moz-outline-style: none; }

a:active { outline: none; }

select {
	outline:none;
	border:none;
}

select option { outline:none; }

a, a:link, a:visited, a:active, a:focus, a:hover, input, select, .addtocart_button_module { outline:none; }

:-moz-any-link:focus { outline: none; }

#quickmenuform {
	margin: 0;
	padding: 0;
	display: inline;
}

body.checkout_page #quickmenuform {
	display: none;
}

#ofc_quickmenu {
	font-size: 10px;
	outline: none;
	background-color: #EDEDED;
	color: #333;
}

#slideshow a { 
display:block; 
width:760px; 
height:150px; 

}

/* Normal Link
--------------------------------------------------------- */
a, a:link, a:visited, a:active {
	color: #074fa6;
	text-decoration: none;
}

a:hover, a:focus {
	color: #8A1F17;
	text-decoration: none;
}

a img { border: none; }

/* Small Text
--------------------------------------------------------- */
small, .small, a.readon, #footer_ofc { font-size: 10px; }

small, .small { }

/* Heading */
h1 { font-size: 200%; }

h2 { font-size: 18px; }

h3 { font-size: 16px; }

h4 { font-size: 135%; }

p, pre, blockquote, ul, ol, h1, h2, h3, h4, h5, h6 {
	margin: 1em 0;
	padding: 0;
}

ul { list-style: none; }

ul li {
	background: url(../images/bullet.gif) no-repeat 22px 8px;
	line-height: 160%;
	padding-left: 30px;
}

* html ul li { padding-left: 0px; }

ol li {
	line-height: 180%;
	margin-left: 35px;
}

th {
	font-weight: bold;
	padding: 5px 8px;/*text-align: left;*/
}

td, div { font-size: 11px; }

body .right_col2 #content_ofc h2,
body .right_col2 #content_ofc h3 { margin:5px 0; }

/* MISC. OFC STYLE
--------------------------------------------------------- */
.article_separator {
	clear: both;
	display: block;
	margin: 0;
	background: url(../images/dot-h.gif) repeat-x center;
}

.article_separator2 {
	clear: both;
	display: block;
	background: url(../images/dot-h.gif) repeat-x center;
	height:1px;
	margin:0 0 7px;
}

.article_separator2b {
	clear: both;
	display: block;
	background: url(../images/dot-h-yellow.gif) repeat-x center;
	height:1px;
	margin:0 0 7px;
}

.article_separator3 {
	clear: both;
	display: block;
	/*background: url(../images/dot-h.gif) repeat-x center;*/
	height:1px;
	margin:0 0 7px;
}

.article_separator4 {
	clear: both;
	display: block;
	background: url(../images/dot-h.gif) repeat-x center;
	height:1px;
	margin:0 0 15px;
}

#adBanner { position:relative; }

/* OFC MAIN LAYOUT DIVS
--------------------------------------------------------- */
#wrapper_ofc {
	width: 952px;
	margin: 30px auto 0;
	clear: both;
	background-color:#FFFFFF;
	text-align:left;
}

#wrapper_ofc_inner { }

#container_ofc {
	position: relative;
	background-color:#FFFFFF;
}

/* OFC MAIN COLUMN
--------------------------------------------------------- */
#mainbody_ofc {
	/*width: 759px;*/
	width: 100%;
	float: right;
	clear: both;
	background-color:#FFFFFF;
}

.right_col2 #mainbody_ofc { width: 100%; }

#content_ofc {
	padding: 10px 12px 15px;
	position: relative;
}

#content_ofc h1,
#content_ofc h2,
#content_ofc h3 {
	display:block;
	margin: 0 0 5px 0;
	padding: 0 0 5px 0;
	border-bottom:1px dashed #CCCCCC;
	font-weight:bold;
}

body #content_ofc h1 {
	color:#0070C0;
	margin-bottom:10px;
	padding-bottom:10px;
	line-height:1.1em;
	text-transform:capitalize;
}

/* OFC COLUMNS
--------------------------------------------------------- */
#col_ofc {
	float: left;
	overflow: hidden;
	width: 192px;
	margin:0;
	padding:0;
	background-color:#FFFFCC;
}

/*common style for column*/
#col_ofc table {
	border-collapse: collapse;
	border-spacing: 0;
}

/* OFC CONTENT LAYOUT
--------------------------------------------------------- */
#containerwrap_ofc {
	padding: 0;
	margin: 0;
	border-top: 1px solid #E6E6E6;
	border-bottom: 1px solid #E6E6E6;
}

#containerwrap_ofc { background: url(../images/dot.gif) repeat-y 190px 0 #FFFFFF; }

/* OFC HEADER
--------------------------------------------------------- */
#headerwrap_ofc {
	height: 110px;
	background: url(../images/main-tr.gif) no-repeat top right #FFFFFF;
}

#header_ofc {
	height: 110px;
	line-height: normal;
	position: relative;
	background: url(../images/main-tl.gif) no-repeat top left;
}

.sunbrellaIMG {
	float:left;
	margin-top:15px;
}

h2.logo {
	margin: 0;
	padding: 0;
	width:276px;
	display: block;
	float:left;
	height: 105px;
	overflow:visible;
}

h2.logo a.logolink {
	display: block;
	background: url(../images/ofc_logo.jpg) no-repeat 5px 4px;
	height: 105px;
	text-indent:-9999px;
}

#header_ofc .sub_text {
	display:block;
	text-indent:-9999px;
}

#productShowcase {
	width: 475px;
	position: absolute;
	top: 5px;
	right: 5px;
	height: 100px;
	overflow:hidden;
}

/* OFC FOOTER
--------------------------------------------------------- */
#footerwrap_ofc {
	position: relative;
	clear: both;
	background: url(../images/main-br.gif) no-repeat bottom right #7D140C;
}

#footer_ofc {
	background: url(../images/main-bl.gif) no-repeat bottom left;
	color: #999999;
	font-size: 92%;
	display:block;
	padding:20px 0 18px;
}

#footer_ofc small {
	color: #999999;
	font-size: 100%;
	padding: 0 15px 0 0;
	float:right;
}

#footer_ofc ul {
	margin: 0;
	padding: 0 0 0 10px;
	line-height: normal;
}

#footerwrap_ofc #footer_ofc li {
	display: inline;
	margin: 0;
	padding: 0;
	background: url(../images/vline.gif) no-repeat center right;
}

#footerwrap_ofc #footer_ofc li a {
	display: inline;
	line-height: normal;
	padding: 0 10px;
}

#footer_ofc a {
	color: #cccccc;
	text-decoration: none;
}

#footer_ofc a:hover,
#footer_ofc a:active,
#footer_ofc a:focus { color: #FFFFFF; }

div.copyright {
	width: 100%;
	padding: 0;
}

div.copyright ul { float:left; }

/* Clearfix
--------------------------------------------------------- */
.clearBoth { clear: both; }

.clearfix:after {
	clear: both;
	content: ".";
	display: block;
	height: 0;
	visibility: hidden;
}

* html > body .clearfix,
*+html > body .clearfix {
	display: block;
	height: 1%;
	min-height:1%;
}

* html .undersTabs,
*+html .undersTabs { margin-top:22px; }

* html body .undersTabs {
	margin-top:-11px;
	clear:both;
}

/* OFC SHOPPING CART NAVIGATION
--------------------------------------------------------- */
#mainnavwrap_ofc {
	background-color: #9b3028;
	height: 38px;
	background: url(../images/mainnav_grad_bg.gif) repeat-x left top;
	clear:both;
	margin:0;
	padding:0;
}

#mainnav_ofc {
	height: 38px;
	float: right;
	position:relative;
}

#mainnav_ofc a { outline: none; }

#cssmenu_ofc {
	margin: 2px 10px 0 0;
	padding: 0;
	float:right;
	display:inline;
}

#cssmenu_ofc ul {
	margin: 0;
	padding: 0;
}

#cssmenu_ofc li {
	margin: 0;
	padding: 0;
	float: right;
	display: block;
	background: none;
	background: none;
}

#cssmenu_ofc ul a {
	width: 14.8em;
	w\idth: 10.8em;
}

#cssmenu_ofc li a,
#cssmenu_ofc li a:link,
#cssmenu_ofc li a:visited,
#cssmenu_ofc li a:active {
	display: block;
	text-decoration: none;
	padding: 0 30px;
	line-height: 35px;
	color:#FFFFCC;
	text-transform: uppercase;
	font-weight: bold;
	font-size:135%;
	background-image:url(../images/mainnav_side_sep.gif);
	background-position:left top;
	background-repeat:no-repeat;
}

#cssmenu_ofc li a:hover,
#cssmenu_ofc li a:focus {
	color: #FFFFFF;
	background-color: #666666;
}

#cssmenu_ofc li:hover a {
	color: #FFFFFF;
	background: #666666;
}

/* SEARCH BOX
--------------------------------------------------------- */
#ofc_search {
	background:transparent url(../images/search-bg.gif) no-repeat scroll center center;
	height:24px;
	margin:5px 0 0;
	padding:0;
	position:relative;
	width:285px;
	display:inline-block;
}

#ofc_search form {
	margin:0;
	padding:0;
	display:inline;
}

#ofc_search .searchbox {
	background:none;
	border:none;
	padding:4px 0 3px 0px;
	width:247px;
	float:left;
	margin:1px 0 0 7px;
	font-size:11px;
}

#ofc_search .searchbutton {
	background:none;
	border:none;
	padding:0;
	margin:0;
	width:24px;
	height:24px;
	display:block;
	float:left;
	cursor:pointer;
}

/* LIVE HELP
--------------------------------------------------------- */
#live_help_ofc {
	float:left;
	height:38px;
	width:193px;
	background-color:#666666;
}

#live_help_ofc a { display:block; }

/* MINI-CART
--------------------------------------------------------- */
#mini_cart {
	background-color:#FFFFFF;
	padding:0;
	text-align:center;
}

#mini_cart .viewMiniCart {
	display:block;
	background: url(../images/viewcart.gif) no-repeat left top;
	width:94px;
	height:27px;
	text-indent:-9999px;
	margin:0 auto 3px;
}

#mini_cart .viewMiniCart:hover { background: url(../images/viewcart.gif) no-repeat left bottom; }

#mini_cart span.minicart_price_quanity {
	display:block;
	margin:0 auto;
	padding-bottom:7px;
	color:#333;
	font-weight:bold;
}

#mini_cart a,
#mini_cart a:link { font-weight:bold; }

.padding_both {
	padding: 0 3px;
	float:left;
}

#mini_cart ul {
	margin:0;
	text-align:center;
	list-style-position:inside;
	list-style-type:none;
}

#mini_cart ul li {
	display:block;
	float:left;
	background: none;
	line-height: normal;
	font-size:10px;
	padding:0;
	width:50%;
	background-color:#FFFF99;
}

#mini_cart ul.mc_left li a,
#mini_cart ul.mc_left li a:link,
#mini_cart ul.mc_left li a:visited,
#mini_cart ul.mc_left li a:active {
	display: block;
	padding:6px 0;
	width:100%;
	color:#666666;
	background-color:#FFFFCC;
	text-decoration: none;
}

#mini_cart ul.mc_left li a:hover,
#mini_cart ul.mc_left li a:focus {
	display: block;
	background-color:#FFFF99;
	color:#333333;
	text-decoration: none;
}

/* SIDE NAV
--------------------------------------------------------- */
#col_ofc h3.side_nav_headings,
.top_sellers_col h3.side_nav_headings {
	display:block;
	background-color: #9b3028;
	height: 20px;
	background: url(../images/mainnav_grad_bg.gif) repeat-x left top;
	margin:0;
	padding:3px 0px 0px 10px;
	text-transform:uppercase;
	color:#FFFFCC;
	font-size:11px;
	font-weight:normal;
	letter-spacing:.1em;
	white-space:nowrap;
}

.top_sellers_col h3.side_nav_headings { }

#col_ofc h3.side_nav_headings a {
	color:#FFFFCC;
	display:block;
}

#login_out_container {
	text-align:center;
	padding:10px 0;
	background-color:#FFFFFF;
}

body .login_btn2 {
	background: url(../images/login.gif) repeat-x left top;
	width:86px;
	height:21px;
	display:block;
	text-indent:-9999px;
	border:none;
	cursor:pointer;
	font-size: 0px;
	line-height: 0px;
}

body .login_btn {
	background: url(../images/login.gif) repeat-x left top;
	width:86px;
	height:21px;
	display:block;
	text-indent:-9999px;
	float:left;
	margin-left:6px;
	margin-right:8px;
	cursor:pointer;
	border:none;
	font-size: 0px;
	line-height: 0px;
}

* html .login_btn { margin-left:3px; }

body .login_btn:hover { background: url(../images/login.gif) repeat-x left bottom; }

body .logout_btn {
	background: url(../images/logout.gif) repeat-x left top;
	width:86px;
	height:21px;
	display:block;
	text-indent:-9999px;
	margin:0 auto;
	cursor:pointer;
	border:none;
	font-size: 0px;
	line-height: 0px;
}

body .logout_btn:hover { background: url(../images/logout.gif) repeat-x left bottom; }

body .create_acct_btn {
	background: url(../images/bt-create-new-acct.gif) repeat-x left top;
	width:330px;
	height:21px;
	display:block;
	text-indent:-9999px !important;
	float:left;
	cursor:pointer;
	border:none;
	font-size: 0px;
	line-height: 0px;
}

body .create_acct_btn:hover { background: url(../images/bt-create-new-acct.gif) repeat-x left bottom; }

body .place_order_without_btn {
	background: url(../images/bt-place-order-without-acct.gif) repeat-x left bottom;
	width:330px;
	height:21px;
	display:block;
	text-indent:-9999px !important;
	;
	float:left;
	cursor:pointer;
	border:none;
	font-size: 0px;
	line-height: 0px;
}

body .place_order_without_btn:hover { background: url(../images/bt-place-order-without-acct.gif) repeat-x left top; }

.register_btn {
	background: url(../images/register.gif) repeat-x left top;
	width:86px;
	height:21px;
	display:block;
	text-indent:-9999px;
	float:left;
	cursor:pointer;
	border:none;
	font-size: 0px;
	line-height: 0px;
}

.register_btn:hover { background: url(../images/register.gif) repeat-x left bottom; }

/* MAIN MENU STYLES
--------------------------------------------------------- *//* stick for main menu */
#home #col_ofc ul.main_menu li.homemenu a,
#home #col_ofc ul.main_menu li.homemenu a:link,
#home #col_ofc ul.main_menu li.homemenu a:visited,
#home #col_ofc ul.main_menu li.homemenu a:active,
#aboutus #col_ofc ul.main_menu li.aboutmenu a,
#aboutus #col_ofc ul.main_menu li.aboutmenu a:link,
#aboutus #col_ofc ul.main_menu li.aboutmenu a:visited,
#aboutus #col_ofc ul.main_menu li.aboutmenu a:active,
#contactus #col_ofc ul.main_menu li.contactmenu a,
#contactus #col_ofc ul.main_menu li.contactmenu a:link,
#contactus #col_ofc ul.main_menu li.contactmenu a:visited,
#contactus #col_ofc ul.main_menu li.contactmenu a:active,
#trackorder #col_ofc ul.main_menu li.trackmenu a,
#trackorder #col_ofc ul.main_menu li.trackmenu a:link,
#trackorder #col_ofc ul.main_menu li.trackmenu a:visited,
#trackorder #col_ofc ul.main_menu li.trackmenu a:active,
#rewardpoints #col_ofc ul.main_menu li.rewardmenu a,
#rewardpoints #col_ofc ul.main_menu li.rewardmenu a:link,
#rewardpoints #col_ofc ul.main_menu li.rewardmenu a:visited,
#rewardpoints #col_ofc ul.main_menu li.rewardmenu a:active,
#testimonials #col_ofc ul.main_menu li.testimenu a,
#testimonials #col_ofc ul.main_menu li.testimenu a:link,
#testimonials #col_ofc ul.main_menu li.testimenu a:visited,
#testimonials #col_ofc ul.main_menu li.testimenu a:active,
#privacyPolicy #col_ofc ul.main_menu li.policymenu a,
#privacyPolicy #col_ofc ul.main_menu li.policymenu a:link,
#privacyPolicy #col_ofc ul.main_menu li.policymenu a:visited,
#privacyPolicy #col_ofc ul.main_menu li.policymenu a:active,
#wholesale #col_ofc ul.main_menu li.wholesalemenu a,
#wholesale #col_ofc ul.main_menu li.wholesalemenu a:link,
#wholesale #col_ofc ul.main_menu li.wholesalemenu a:visited,
#wholesale #col_ofc ul.main_menu li.wholesalemenu a:active,
#freeshipping #col_ofc ul.main_menu li.freeshippingmenu a,
#freeshipping #col_ofc ul.main_menu li.freeshippingmenu a:link,
#freeshipping #col_ofc ul.main_menu li.freeshippingmenu a:visited,
#freeshipping #col_ofc ul.main_menu li.freeshippingmenu a:active,
#cleaningCare #col_ofc ul.main_menu li.cleaningcaremenu a,
#cleaningCare #col_ofc ul.main_menu li.cleaningcaremenu a:link,
#cleaningCare #col_ofc ul.main_menu li.cleaningcaremenu a:visited,
#cleaningCare #col_ofc ul.main_menu li.cleaningcaremenu a:active,
#why_sunbrella #col_ofc ul.main_menu li.why_sunbrella a,
#why_sunbrella #col_ofc ul.main_menu li.why_sunbrella a:link,
#why_sunbrella #col_ofc ul.main_menu li.why_sunbrella a:visited,
#why_sunbrella #col_ofc ul.main_menu li.why_sunbrella a:active,
#acrylic_fabric_page #col_ofc ul.main_menu li.acrylic_fabric_page a,
#acrylic_fabric_page #col_ofc ul.main_menu li.acrylic_fabric_page a:link,
#acrylic_fabric_page #col_ofc ul.main_menu li.acrylic_fabric_page a:visited,
#acrylic_fabric_page #col_ofc ul.main_menu li.acrylic_fabric_page a:active,
#furn_fabric_page #col_ofc ul.main_menu li.furn_fabric_page a,
#furn_fabric_page #col_ofc ul.main_menu li.furn_fabric_page a:link,
#furn_fabric_page #col_ofc ul.main_menu li.furn_fabric_page a:visited,
#furn_fabric_page #col_ofc ul.main_menu li.furn_fabric_page a:active,
#firesist_huv #col_ofc ul.main_menu li.firesist_huv_page a,
#firesist_huv #col_ofc ul.main_menu li.firesist_huv_page a:link,
#firesist_huv #col_ofc ul.main_menu li.firesist_huv_page a:visited,
#firesist_huv #col_ofc ul.main_menu li.firesist_huv_page a:active,
#productList #col_ofc ul.main_menu li.productList a,
#productList #col_ofc ul.main_menu li.productList a:link,
#productList #col_ofc ul.main_menu li.productList a:visited,
#productList #col_ofc ul.main_menu li.productList a:active,
#editaccount #col_ofc ul.main_menu li.editAccount a,
#editaccount #col_ofc ul.main_menu li.editAccount a:link,
#editaccount #col_ofc ul.main_menu li.editAccount a:visited,
#editaccount #col_ofc ul.main_menu li.editAccount a:active,
#history #col_ofc ul.main_menu li.orderHistory a,
#history #col_ofc ul.main_menu li.orderHistory a:link,
#history #col_ofc ul.main_menu li.orderHistory a:visited,
#history #col_ofc ul.main_menu li.orderHistory a:active,
#suncouponspage #col_ofc ul.main_menu li.sunCoupon a,
#suncouponspage #col_ofc ul.main_menu li.sunCoupon a:link,
#suncouponspage #col_ofc ul.main_menu li.sunCoupon a:visited,
#suncouponspage #col_ofc ul.main_menu li.sunCoupon a:active,
#measuring_cushions_page #col_ofc ul.main_menu li.measuringCushions a,
#measuring_cushions_page #col_ofc ul.main_menu li.measuringCushions a:link,
#measuring_cushions_page #col_ofc ul.main_menu li.measuringCushions a:visited,
#measuring_cushions_page #col_ofc ul.main_menu li.measuringCushions a:active{
	display: block;
	padding:6px 0 6px 16px;
	font-size:10px;
	color:#FFFFFF;
	text-decoration: none;
	background:#666666 url(../images/arrow-white.gif) no-repeat 8px 11px;
	margin:0;
}

#home #col_ofc ul.main_menu li.home a:hover,
#home #col_ofc ul.main_menu li.home a:focus,
#aboutus #col_ofc ul.main_menu li.aboutmenu a:hover,
#aboutus #col_ofc ul.main_menu li.aboutmenu a:focus,
#contactus #col_ofc ul.main_menu li.contact a:hover,
#contactus #col_ofc ul.main_menu li.contact a:focus,
#trackorder #col_ofc ul.main_menu li.trackmenu a:hover,
#trackorder #col_ofc ul.main_menu li.trackmenu a:focus,
#rewardpoints #col_ofc ul.main_menu li.rewardmenu a:focus,
#rewardpoints #col_ofc ul.main_menu li.rewardmenu a:hover,
#testimonials #col_ofc ul.main_menu li.testimenu a:hover,
#testimonials #col_ofc ul.main_menu li.testimenu a:focus,
#privacyPolicy #col_ofc ul.main_menu li.policymenu a:hover,
#privacyPolicy #col_ofc ul.main_menu li.policymenu a:focus,
#wholesale #col_ofc ul.main_menu li.wholesalemenu a:hover,
#wholesale #col_ofc ul.main_menu li.wholesalemenu a:focus,
#freeshipping #col_ofc ul.main_menu li.freeshippingmenu a:hover,
#freeshipping #col_ofc ul.main_menu li.freeshippingmenu a:focus,
#cleaningCare #col_ofc ul.main_menu li.cleaningcare a:hover,
#cleaningCare #col_ofc ul.main_menu li.cleaningcare a:focus,
#why_sunbrella #col_ofc ul.main_menu li.why_sunbrella a:hover,
#why_sunbrella #col_ofc ul.main_menu li.why_sunbrella a:focus,
#acrylic_fabric_page #col_ofc ul.main_menu li.acrylic_fabric_page a:hover,
#acrylic_fabric_page #col_ofc ul.main_menu li.acrylic_fabric_page a:focus,
#furn_fabric_page #col_ofc ul.main_menu li.furn_fabric_page a:hover,
#furn_fabric_page #col_ofc ul.main_menu li.furn_fabric_page a:focus,
#firesist_huv #col_ofc ul.main_menu li.firesist_huv_page a:hover,
#firesist_huv #col_ofc ul.main_menu li.firesist_huv_page a:focus,
#productList #col_ofc ul.main_menu li.productList a:hover,
#productList #col_ofc ul.main_menu li.productList a:focus,
#editaccount #mini_cart ul li.editAccount a:hover,
#editaccount #mini_cart ul li.editAccount a:focus,
#history #mini_cart ul li.orderHistory a:hover,
#history #mini_cart ul li.orderHistory a:focus,
#suncouponspage #mini_cart ul li.sunCoupon a:hover,
#suncouponspage #mini_cart ul li.sunCoupon a:focus,
#measuring_cushions_page #col_ofc ul.main_menu li.measuringCushions a:hover,
#measuring_cushions_page #col_ofc ul.main_menu li.measuringCushions a:focus{
	display: block;
	color:#FFFFFF;
	text-decoration: none;
	background:#FFFF99 url(../images/arrow-white.gif) no-repeat 8px 11px;
	margin:0;
}

#editaccount #mini_cart ul li.editAccount,
#editaccount #mini_cart ul li.editAccount,
#editaccount #mini_cart ul li.editAccount,
#editaccount #mini_cart ul li.editAccount,
#history #mini_cart ul li.orderHistory,
#history #mini_cart ul li.orderHistory,
#history #mini_cart ul li.orderHistory,
#history #mini_cart ul li.orderHistory {
	background-image:none;
	background-color:#666666;
	color:#FFFFFF;
}

#editaccount #mini_cart ul li.editAccount a,
#editaccount #mini_cart ul li.editAccount a:link,
#editaccount #mini_cart ul li.editAccount a:visited,
#editaccount #mini_cart ul li.editAccount a:active,
#history #mini_cart ul li.orderHistory a,
#history #mini_cart ul li.orderHistory a:link,
#history #mini_cart ul li.orderHistory a:visited,
#history #mini_cart ul li.orderHistory a:active {
	background-image:none;
	background-color:transparent;
	color:#FFFFFF;
}

#view_cart_page #mainnavwrap_ofc ul#cssmenu_ofc li.topviewcart a,
#view_cart_page #mainnavwrap_ofc ul#cssmenu_ofc li.topviewcart a:link,
#view_cart_page #mainnavwrap_ofc ul#cssmenu_ofc li.topviewcart a:visited,
#view_cart_page #mainnavwrap_ofc ul#cssmenu_ofc li.topviewcart a:active {
	display: block;
	color:#FFFFFF;
	text-decoration: none;
	background:#666666;
	margin:0;
}

#view_cart_page #mainnavwrap_ofc ul#cssmenu_ofc li.topviewcart a:hover,
#view_cart_page #mainnavwrap_ofc ul#cssmenu_ofc li.topviewcart a:focus {
	display: block;
	color:#FFFFFF;
	text-decoration: none;
	background:#666666;
	margin:0;
}

#checkout_page #mainnavwrap_ofc ul#cssmenu_ofc li.topviewcart a,
#checkout_page #mainnavwrap_ofc ul#cssmenu_ofc li.topviewcart a:link,
#checkout_page #mainnavwrap_ofc ul#cssmenu_ofc li.topviewcart a:visited,
#checkout_page #mainnavwrap_ofc ul#cssmenu_ofc li.topviewcart a:active {
	display: block;
	color:#FFFFFF;
	text-decoration: none;
	background:#666666;
	margin:0;
}

#checkout_page #mainnavwrap_ofc ul#cssmenu_ofc li.topviewcart a:hover,
#checkout_page #mainnavwrap_ofc ul#cssmenu_ofc li.topviewcart a:focus {
	display: block;
	color:#FFFFFF;
	text-decoration: none;
	background:#666666;
	margin:0;
}

/* main menu - product menu */

#col_ofc .main_menu {
	margin:0;
	list-style-position:inside;
	list-style-type:none;
}

#col_ofc ul.main_menu {
	margin:0;
	list-style-position:inside;
	list-style-type:none;
}

*+html body #col_ofc ul.main_menu li.menuActive { width:167px; }

body #col_ofc ul.main_menu li.menuActive {
	display:inline;
	width:100%;
	margin:0px;
	padding:0px;
}

body #col_ofc ul.main_menu li.new-arrivals a:link,
body #col_ofc ul.main_menu li.new-arrivals a:visited,
body #col_ofc ul.main_menu li.new-arrivals a:active {
	background:url(../images/arrow-white.gif) no-repeat scroll 8px 11px #093;
	color:#FFF;
}

body #col_ofc ul.main_menu li {
	display:block;
	line-height: normal;
	margin:0;
	padding:0;
	white-space:normal;
	font-size:10px;
	color:#666666;
	text-decoration: none;
	background-image:none;
	width:100%;
}

body #col_ofc ul.main_menu li:hover {
	color:#FFFFFF;
	text-decoration: none;
	background-image:none;
	margin:0;
	padding:0;
	width:100%;
}

* html body #col_ofc ul.main_menu li {
	display:inline;
	height:auto;
	width:100%;
}

*+html body #col_ofc ul.main_menu li {
	display:inline;
	height:auto;
	width:100%;
}

#col_ofc ul.main_menu li a,
#col_ofc ul.main_menu li a:link,
#col_ofc ul.main_menu li a:visited,
#col_ofc ul.main_menu li a:active {
	display:block;
	padding:6px 0 6px 16px;
	font-size:10px;
	color:#666666;
	text-decoration: none;
	background:#FFFFCC url(../images/arrow.png) no-repeat 8px 11px;
	margin:0px;
	zoom:1;
}

#col_ofc ul.main_menu li a:hover,
#col_ofc ul.main_menu li a:focus {
	color:#333333;
	text-decoration: none;
	background:#FFFF99 url(../images/arrow.png) no-repeat 8px 11px;
	margin:0;
}

*+html #col_ofc ul.main_menu li.menuActive a,
*+html #col_ofc ul.main_menu li.menuActive a:link,
*+html #col_ofc ul.main_menu li.menuActive a:visited,
*+html #col_ofc ul.main_menu li.menuActive a:active {
	width:167px; /* adds ie7 only hack */
	display:block;
}

/* active button stick */
#col_ofc ul.main_menu li.menuActive a,
#col_ofc ul.main_menu li.menuActive a:link,
#col_ofc ul.main_menu li.menuActive a:visited,
#col_ofc ul.main_menu li.menuActive a:active {
	display: block;
	display /*\**/:inline-block\9; /* adds ie8 only hack */
	width /*\**/:167px\9; /* adds ie8 only hack */
	padding:6px 0 6px 18px;
	font-size:10px;
	color:#FFFFFF;
	text-decoration: none;
	background:#666666 url(../images/arrow-white.gif) no-repeat 8px 11px;
	cursor:default;
	zoom:1;
	margin:0px;
}

body #col_ofc ul.main_menu li.menuActive a:hover,
body #col_ofc ul.main_menu li.menuActive a:focus {
	display: block;
	color:#FFFFFF;
	text-decoration: none;
	background:#666666 url(../images/arrow-white.gif) no-repeat 8px 11px;
}

* html #col_ofc ul.main_menu li.menuActive a,
* html #col_ofc ul.main_menu li.menuActive a:link,
* html #col_ofc ul.main_menu li.menuActive a:visited,
* html #col_ofc ul.main_menu li.menuActive a:active { width:176px; }

*+html #col_ofc ul.main_menu li.menuActive a,
*+html #col_ofc ul.main_menu li.menuActive a:link,
*+html #col_ofc ul.main_menu li.menuActive a:visited,
*+html #col_ofc ul.main_menu li.menuActive a:active { width:176px; }

* html #col_ofc ul.main_menu li.menuActive a,
* html #col_ofc ul.main_menu li.menuActive a:link,
* html #col_ofc ul.main_menu li.menuActive a:visited,
* html #col_ofc ul.main_menu li.menuActive a:active {
	display: inline;
	height:auto;
}

*+html #col_ofc ul.main_menu li.menuActive a,
*+html #col_ofc ul.main_menu li.menuActive a:link,
*+html #col_ofc ul.main_menu li.menuActive a:visited,
*+html #col_ofc ul.main_menu li.menuActive a:active {
	display: inline;
	height:auto;
}

/* EXTENDED FOOTER
--------------------------------------------------------- */
h2.contentBottomTitle,
h3.contentBottomTitle,
h4.contentBottomTitle {
	margin: 0;
	padding: 0;
	line-height: 1.1;
	/*margin-bottom: 5px;*/
	text-transform: none;
}

h2.contentBottomTitle { }

h3.contentBottomTitle {
	font-size:113%;
	font-weight:bold;
}

h4.contentBottomTitle { font-size:11px; }

.contentBottomLeft {
	display:inline;
	float: left;
	background: #f5f5f5 url(../images/dot.gif) repeat-y right;
	border-bottom:1px solid #E6E6E6;
}

contentBottomBox {
	margin: 0;
	padding: 15px;
}

.contentBottomLeft .contentBottomBox { margin-left: 0; }

.contentBottomRight .contentBottomBox { margin-right: 0; }

div.contentBottomSection { display: block;/*margin-bottom: 5px;*/
}

div.contentBottomSection a {
	padding: 0 2px 2px 0;
	font-weight: bold;
	text-transform: uppercase;
	color: #871C14;
}

div.contentBottomSection a:hover,
div.contentBottomSection a:active,
div.contentBottomSection a:focus {
	text-decoration: none;
	color: #666666;
}

.contentBottomContent img { margin: 5px 7px 0 0; }

.contentBottomBox,
.contentBottomContent {
	padding: 0;
	margin: 0;
	background: none;
}

.contentBottomContent h4.contentBottomTitle {
	font-size: 105%;
	font-weight: normal;
}

.contentBottomBoxwrap {
	padding:10px;
	height:132px;
}

.contentBottomBoxwrap:hover { background-color:#FFFFCC; }

a.readon {
	text-align: center;
	text-decoration: none;
	color: #666666;
	text-transform: uppercase;
	font-weight: bold;
	background: url(../images/arrow-readon-1.png) no-repeat left 2px;
	padding-left: 15px;
	font-size:11px;
	clear:both;
}

a.readon:hover, a.readon:focus, a.readon:active {
	background: url(../images/arrow-readon-2.png) no-repeat left 2px;
	color:#999999;
}

/* Form elements
------------------------------------------------------------------- */
input, textarea, select { font-size:11px; }

body input[type="radio"] {
	border: none;
	padding: 3px;
	color: #666666;
	background-color:#f5f5f5;
	margin-bottom:3px;
}

body input[type="checkbox"] {
	border: none;
	padding: 3px;
	color: #666666;
	background-color:#f5f5f5;
	margin-bottom:3px;
}

body input[type="text"] {
	border: 1px solid #CCCCCC;
	padding: 3px;
	color: #666666;
	background-color:#f5f5f5;
	margin-bottom:3px;
}

body input[type="password"] {
	border: 1px solid #CCCCCC;
	padding: 3px;
	color: #666666;
	background-color:#f5f5f5;
	margin-bottom:3px;
}

body textarea {
	border: 1px solid #CCCCCC;
	padding: 3px;
	color: #666666;
	background-color:#f5f5f5;
	margin-bottom:3px;
}

body select {
	border: 1px solid #CCCCCC;
	padding: 2px;
	color: #666666;
	background-color:#f5f5f5;
	margin-bottom:3px;
}

.create_cust_fields input[type="password"],
.create_cust_fields select,
.create_cust_fields input[type="text"] {
	border: 1px solid #CCCCCC;
	padding: 3px;
	color: #666666;
	background-color:#f5f5f5;
	margin-bottom:3px;
	margin-left:5px;
}

body input[type="submit"] { cursor:pointer; }

/* buttons  */
body a.addtocart_button_module2,
body a.addtocart_button_module2:link,
body a.addtocart_button_module2:visited,
body a.addtocart_button_module2:active {
	display:block;
	padding:0px;
	width:110px;
	height:26px;
	background: url(../images/bt-addtocart-big.gif) no-repeat top;
	border: none;
	/*text-indent: 18px;*/
	text-indent: -9999px;
	color: #FFFFFF;
	margin: 5px 0px 5px 0px;
	cursor: pointer;
	font-size:10px;
	letter-spacing:0;
}

body a.addtocart_button_module2:hover,
body a.addtocart_button_module2:focus {
	display:block;
	background: url(../images/bt-addtocart-big.gif) no-repeat bottom;
	color: #FFFFFF;
}

body .addtocart_button_module {
	padding-bottom:0px;
	/*width:86px;
	height:21px;*/
	width:110px;
	height:26px;
	background: url(../images/bt-addtocart-big.gif) no-repeat top;
	border: none;
	text-indent: -9999px;
	color: #FFFFFF;
	margin-top: 0px;
	cursor: pointer;
	font-size:10px;
	letter-spacing:0;
}

body .addtocart_button_module:hover,
body .addtocart_button_module:active {
	background: url(../images/bt-addtocart-big.gif) no-repeat bottom;
	color: #FFFFFF;
}

body a.other_button,
body a.other_button:link,
body a.other_button:visited,
body a.other_button:active {
	display:block;
	padding-bottom:0px;
	width: 80px;
	height: 17px;
	background: url(../images/bt-other.gif) no-repeat top #00A9DD;
	border: none;
	/*text-indent: 18px;*/
	color: #FFF;
	margin-top: 5px;
	cursor: pointer;
	font-size:10px;
	text-align:center;
	letter-spacing:0;
}

body a.other_button:hover,
body a.other_button:active {
	display:block;
	background: url(../images/bt-other.gif) no-repeat bottom #666666;
	color: #FFF;
	text-align:center;
}

body .other_button {
	padding-bottom:4px;
	width: 80px;
	height: 18px;
	background: url(../images/bt-other.gif) no-repeat top #00A9DD;
	border: none;
	/*text-indent: 18px;*/
	color: #FFF;
	margin-top: 5px;
	cursor: pointer;
	font-size:11px;
	letter-spacing:0;
}

body .other_button:hover,
body .other_button:active {
	background: url(../images/bt-other.gif) no-repeat bottom #666666;
	color: #FFF;
}

body .submit_order {
	display:block;
	padding-bottom:4px;
	width: 163px;
	height: 66px;
	background: url(../images/sc_submit_order.jpg) no-repeat top #00A9DD;
	border: none;
	text-indent: -9999px;
	color: #FFF;
	margin-top: 5px;
	cursor: pointer;
	font-size:10px;
	letter-spacing:0;
}

body .submit_order:hover,
body .submit_order:active {
	background: url(../images/sc_submit_order_r.jpg) no-repeat top #666666;
	color: #FFF;
}

body .other_button2 {
	padding-bottom:4px;
	width: 80px;
	height: 18px;
	background: url(../images/bt-other.gif) no-repeat bottom #00A9DD;
	border: none;
	/*text-indent: 18px;*/
	color: #FFF;
	margin-top: 5px;
	cursor: pointer;
	font-size:11px;
	letter-spacing:0;
}

body .other_button2:hover,
body .other_button2:active {
	background: url(../images/bt-other.gif) no-repeat top #666666;
	color: #FFF;
}

body a.sample_button,
body a.sample_button:link,
body a.sample_button:visited,
body a.sample_button:active {
	display:block;
	width: 80px;
	height: 18px;
	background: url(../images/bt-sample.gif) no-repeat top #00A9DD;
	border: none;
	color: #FFFFFF;
	cursor: pointer;
	font-size:11px;
	text-align:center;
	margin-top:10px;
	padding-bottom:0px;
	letter-spacing:0;
}

body a.sample_button:hover,
body a.sample_button:active {
	display:block;
	background: url(../images/bt-sample.gif) no-repeat bottom #666666;
	color: #FFFFFF;
}

* html body a.sample_button,
* html body a.sample_button:link,
* html body a.sample_button:visited,
* html body a.sample_button:active {
	padding-bottom:0px;
	height: 17px;
	letter-spacing:0;
}

body a.sample_button2,
body a.sample_button2:link,
body a.sample_button2:visited,
body a.sample_button2:active {
	display:block;
	width: 80px;
	height: 18px;
	background: url(../images/bt-sample.gif) no-repeat bottom #00A9DD;
	border: none;
	color: #FFFFFF;
	cursor: pointer;
	font-size:11px;
	text-align:center;
	margin-top:10px;
	padding-bottom:0px;
	letter-spacing:0;
}

body a.sample_button2:hover,
body a.sample_button2:active {
	display:block;
	background: url(../images/bt-sample.gif) no-repeat top #666666;
	color: #FFFFFF;
}

* html body a.sample_button2,
* html body a.sample_button2:link,
* html body a.sample_button2:visited,
* html body a.sample_button2:active {
	padding-bottom:0px;
	height: 17px;
	letter-spacing:0;
}

html body .next,
html body .prev { font-size:10px; }

body input[title="remove"],
body input[title="update"] { font-size:10px; }

body input[class="login_btn"]:hover { background: url(../images/login.gif) repeat-x left bottom; }

body input[class="logout_btn"] {
	background: url(../images/logout.gif) repeat-x left top;
	width:86px;
	height:21px;
	display:block;
	text-indent:-9999px;
	border: none;
	letter-spacing:0;
}

body input[class="logout_btn"]:hover {
	background: url(../images/logout.gif) repeat-x left bottom;
	letter-spacing:0;
}

/* other button hacks */
*+html body .other_button { padding-bottom:0; }

*+html body .other_button2 { padding-bottom:0; }

body .other_button { padding-bottom /*\**/:0px\9; /* adds ie8 only hack */ }

body .other_button2 { padding-bottom /*\**/:0px\9; /* adds ie8 only hack */ }

/* category page - jonny 3 column  */

#cat_three_col { margin-top:20px; }

#cat_three_col td { /*font-size:12px;*/
}

.imgzoom-tools a {
	color:#266E80;
	display:block;
	height:20px;
	line-height:18px;
	text-align:center;
	text-decoration:none;
}

.imgzoom-enlarge {
	background:transparent url(../images/enlarge-1.png) no-repeat scroll 0 0;
	margin:0 auto;
	padding:0 4px 0 16px;
	width:46px;
}

.realimg { display:none; }

.shownimage {
	max-width:100px;
	max-height:100px;
}

.enlargeimgicon {
	background:transparent url(../images/enlarge_img.gif) no-repeat scroll top left;
	cursor:pointer;
	margin-top:5px;
}

.enlargeimgicon:hover {
	background:transparent url(../images/enlarge_img.gif) no-repeat scroll bottom left;
	cursor:pointer;
}

.enlargeimgicon2 {
	background:transparent url(../images/moreinfo_img.gif) no-repeat scroll top left;
	cursor:pointer;
	margin-top:5px;
}

.enlargeimgicon2:hover {
	background:transparent url(../images/moreinfo_img.gif) no-repeat scroll bottom left;
	cursor:pointer;
}

#ZoomCapDiv { display:none; }

#cat_three_col a img {
	max-height:100px;
	max-width:100px;
}

.product_list_view a img {
	max-height:100px;
	max-width:100px;
}

/* left col - right col*/
#container_ofc table td.left_col {
	background-color:#7D140C;/*FFFFCC*/
	padding:0;
	border-right:1px solid #E6E6E6;
}

#container_ofc table td.left_col table { /*border-right:1px solid #E6E6E6;*/ }

#container_ofc table td.right_col,
#container_ofc table td.right_col2 {
	background-color:#FFFFFF;
	position:relative;
	padding:0;
}

*+html #container_ofc table td.right_col { width:100%; }

#container_ofc table td.top_sellers_col { border-left:1px solid #E6E6E6; }

#contentFooter { border-top:1px solid #E6E6E6; }

#product_sorting_box {
	background-color:#EDEDED;
	border:1px solid #CCCCCC;
	margin:10px auto 0;
	padding:3px 8px;
}

#product_sorting_box select {
	background-color:#FFFFFF;
	margin-bottom:0;
}

#ofc_breadcrumb {
	padding-bottom:8px;
	display:inline;
}

#ofc_breadcrumb a { display:inline; }

#sub_cats { }

#sub_cats2 { margin-bottom:10px; }

.show_product_info {
	background-color:#ffd3d0;
	border:1px solid #e57a72;
	color:#666666;
	font-size:11px;
	font-weight:bold;
	padding:3px 5px;
	text-decoration:none;
}

.show_product_info:hover {
	background-color:#ededed;
	border:1px solid #CCCCCC;
	color:#333333;
	font-size:11px;
	font-weight:bold;
	padding:3px 5px;
	text-decoration:none;
}

#cat_line_item_table tr.even { background-color: #EDEDED; }

tr.even { background-color: #EDEDED; }

#cat_line_item_table tr.odd { }

#cat_line_item_table tr.even td { height: 30px; }

#cat_line_item_table tr.odd td { height: 30px; }

#cat_line_item_table { margin-top:10px; }

#ofc_login_container {
	padding:0 10px;
	margin-top:25px;
}

.login_boxes {
	float:left;
	width:330px;
	border-right:1px dashed #CCCCCC;
	margin-right:20px;
	padding-right:20px;
}

.login_boxes2 {
	float:left;
	width:330px;
}

.product_details_container { /*letter-spacing:0.05em;*/ }

.vertical_rule {
	background-image:url(../images/vertical-rule-bg.jpg);
	background-position:center top;
	background-repeat:repeat-y;
	padding:0 8px;
}

#ofc_searchFields input[type="checkbox"] {
	display:block;
	float:left;
	margin:2px 3px 3px 0;
}

/* Volume Pricing - styles */
/* product details styles */
.product_details_container { display:table; }

td.product_details {
	padding:0;
	font-size:12px;
}

td.product_details table td {
	padding:0;
	font-size:12px;
	line-height:1.6em;
	color:#333333;
}

.volume_pricing_prod {
	padding:0px;
	margin:0px;
	width:300px;
	position:relative;
}

.volume_pricing_table {
	display:table;
	padding:0px;
	margin:-8px 0 0 0;
}

/* customer fields create and edit acct */
#cust_edit_fields,
#create_cust_fields { margin-top:10px; }

#cust_edit_fields select,
#create_cust_fields select { width:100%; }

/* adds ie7 only hack */
*+html #cust_edit_fields input[type="password"],
*+html #create_cust_fields input[type="password"] { width:96%; }

#cust_edit_fields input[type="password"],
#create_cust_fields input[type="password"] { width /*\**/:96%\9; /* adds ie8 only hack */ }

/* */

#ofc_ctgy_header {
	margin-top:10px;
	width:100%;
}

.payment_td table tr.payment_tr td.payment_cell { padding-right:5px; }

.coupon_resale .couponredemption>br { display:none; }

/* table header styles */
tr.th_row { background:#DDDDDD; }

tr.th_row2 { background:#007056; }

tr.th_row .th_left {
	border-left:1px solid #CCCCCC;
	border-top:1px solid #CCCCCC;
	border-bottom:1px solid #CCCCCC;
	font-weight:bold;
	color:#333;
}

tr.th_row .th_right {
	border-right:1px solid #CCCCCC;
	border-top:1px solid #CCCCCC;
	border-bottom:1px solid #CCCCCC;
	font-weight:bold;
	color:#333;
}

tr.th_row .th_middle {
	border-top:1px solid #CCCCCC;
	border-bottom:1px solid #CCCCCC;
	font-weight:bold;
	color:#333;
}

tr.basket_view td { padding:5px 8px; }

/* Featured Product & Home Content styles */
#featuredProducts { margin-left: 1px; }

#featuredProducts div.containerTable h3 {
	background: #F7F7F7;
	color: #666666;
	margin-left: -15px;
}

#featuredProducts table {
	padding: 0;
	margin: 0 0 5px 0;
	border-bottom:1px dashed #CCC;
}

#featuredProducts td {
	padding: 15px 0 0;
	margin: 0;
}

#featuredProducts tr { }

#featuredProducts .containerTable {
	font-size:11px;
	font-family:Arial, Helvetica, sans-serif;
}

.containerTable { padding: 0; }

div.containerTable h3 {
	font-size: 100%;
	margin: 0 -15px 5px -16px;
	padding: 10px 15px;
	border-bottom: 1px solid #E6E6E6;
	text-transform: uppercase;
	background: url(../images/dot-hilite.gif) repeat-y left #F7F7F7;
}

div.containerTable h3 span { color: #00A9DD; }

div.containerTable {
	margin: 0px;
	padding: 0px;
}

.productPrice {
	color:#CC0000;
	font-size:16px;
}

.productName { margin-top:5px; }

.feat_table td a,
.feat_table td span { line-height:1.7em; }

/* - SHOW HIDE DIV - Category Description - */
div.hidden_object {
	clear:both;
	display:none;
	margin:0;
	padding:15px;
	background-color:#F5F5F5;
	color:#333;
	border:1px solid #666;
	position:absolute;
	top:20px;
	left:0px;
}

div.hidden_object p { margin:0; }

.jonnybox {
	color:#333;
	background-color:#F5F5F5;
	border:1px solid #EDEDED;
}

.jonnybox a { color:#333; }

/* - SHOW HIDE DIV - TELL A FRIEND - */
div.hidden_object_tf {
	clear:both;
	display:none;
	margin:0;
	padding:15px;
	background-color:#EDEDED;
	color:#333;
	margin:0;/*15px 0 0*/
	border:1px solid #CCCCCC;
	width:700px;
}

div.hidden_object_tf p { margin:0; }

.jonnybox_tf {
	color:#333;
	background-color:#EDEDED;
	margin-top:5px;
	border:1px solid #CCCCCC;
	width:700px;
}

.jonnybox_tf a { color:#333; }

#tell_friend_container { }

/* - */
body #content_ofc h3.prod_attr_heading {
	margin-top:20px;
	padding-bottom:10px;
}

#content_ofc #contactFormIframe {
	border-right:1px dashed #CCC;
	margin-right:10px;
	float:left;
}

#contact_right_col {
	float:right;
	width:240px;
	margin-right:5px;
}

#contact_right_col table tr th {
	background-color:#DDDDDD;
	border:1px solid #CCCCCC;
	color:#333333;
	font-weight:bold;
}

#contact_right_col table tr td { padding-left:10px; }

.disclaimer {
	display:block;
	color:#575757;
	margin:0px;
	padding:0px;
	background-color:#EDEDED;
}

.disclaimer:hover { background-color:#FFFF99; }

.disclaimer p {
	margin:0;
	padding:10px 15px;
}

td.b2bnotax label[for="resale"] {
	width:100px;
	text-align:right;
	font-weight:bold;
}

td.couponredemption div.coupon {
	width:100px;
	text-align:right;
	font-weight:bold;
	float:left;
}

.ship_payment_container td input[type="text"],
.ship_payment_container td select { width:200px; }

div.recent_border th.tableHeader {
	background-color:#DDDDDD;
	border:1px solid #CCCCCC;
	color:#333333;
	font-weight:bold;
}

#cat_three_col a.cat_product_name,
#cat_three_col a.cat_product_name:link,
#cat_three_col a.cat_product_name:visited,
#cat_three_col a.cat_product_name:active,
#cat_three_col a.cat_product_name:focus,
#cat_three_col a.cat_product_name:hover {
	display:block;
	height:35px;
	line-height:1.8em;
	white-space:normal;
	width:150px;
	overflow:hidden;
}

#productForm { margin-bottom:0px; }

/* TOP SELLERS STYLES */
body .top_sellers_col { background-color:#f7f6f6; }

body .top_sellers_col h3.topsellers {
	background-image:none;
	background-color:#E6E6E6;
	color:#333;
	white-space:nowrap;
	width:140px;
}

.top_sellers_col a img {
	border:1px solid #CCC;
	padding:2px;
	margin-top:20px;
	max-width:75px;
	max-height:75px;
}

#mycarousel .ofc_slide_title a { font-size:9px; }

#tabs_container h3 { margin-top:5px; }

#tabs_container {
	clear:both;
	position:relative;
}

/* This <div> element is wrapped by jCarousel around the list and has the classname "jcarousel-container". */
.jcarousel-skin-tango {
	padding: 0;
	margin: 0;
}

.jcarousel-container { position: relative; }

.jcarousel-clip {
	z-index: 2;
	padding: 0;
	margin: 0;
	overflow: hidden;
	position: relative;
}

.jcarousel-list {
	z-index: 1;
	overflow: hidden;
	position: relative;
	top: 0;
	left: 0;
	margin: 0;
	padding: 0;
}

.jcarousel-list li,
.jcarousel-item {
	float: left;
	list-style: none;
	/* We set the width/height explicitly. No width/height causes infinite loops. */
	width: 115px; /* was 75px */
	height: 100px; /* was 75px */
	text-align:center;
	background-image:none;
	padding:2px 0 0;
}

/* The buttons are added dynamically by jCarousel before the <ul> list (inside the <div> described above) and have the classnames "jcarousel-next" and "jcarousel-prev". */
.jcarousel-next {
	z-index: 3;
	display: none;
}

.jcarousel-prev {
	z-index: 3;
	display: none;
}

/* skin */
.jcarousel-skin-tango .jcarousel-container { }

.jcarousel-skin-tango .jcarousel-container-horizontal {
	width: 404px;
	padding: 0 36px 0 36px;
	float:right;
}

.jcarousel-skin-tango .jcarousel-container-vertical {
	width: 75px;
	height: 245px;
	padding: 40px 20px;
}

.jcarousel-skin-tango .jcarousel-clip-horizontal {
	width:  100%;
	height: 125px; /* was 75px */
	margin-left:3px;
}

.jcarousel-skin-tango .jcarousel-clip-vertical {
	width:  75px;
	height: 245px;
}

.jcarousel-skin-tango .jcarousel-item {
	width: 100px; /* was 75px */
	height: 100px;/* was 75px */
}

.jcarousel-skin-tango .jcarousel-item-horizontal { margin-right: 1px; }

.jcarousel-skin-tango .jcarousel-item-vertical { margin-bottom: 1px; }

.jcarousel-skin-tango .jcarousel-item-placeholder {
	background: #fff;
	color: #000;
}

/**
 *  Horizontal Buttons
 */
.jcarousel-skin-tango .jcarousel-next-horizontal {
	position: absolute;
	top: 37px;
	right: 3px;
	width: 32px;
	height: 25px;
	cursor: pointer;
	background-image: url(../images/re-right.gif);
	background-repeat:no-repeat;
	background-position:center top;
}

.jcarousel-skin-tango .jcarousel-next-horizontal:hover {
	/* background-position: -32px 0;*/
	background-image: url(../images/re-right.gif);
	background-repeat:no-repeat;
	background-position:center bottom;
}

.jcarousel-skin-tango .jcarousel-next-horizontal:active { background-position: -64px 0; }

.jcarousel-skin-tango .jcarousel-next-disabled-horizontal,
.jcarousel-skin-tango .jcarousel-next-disabled-horizontal:hover,
.jcarousel-skin-tango .jcarousel-next-disabled-horizontal:active {
	cursor: default;
	background-position: -96px 0;
}

.jcarousel-skin-tango .jcarousel-prev-horizontal {
	position: absolute;
	top: 37px;
	left: 6px;
	width: 32px;
	height: 25px;
	cursor: pointer;
	background-image: url(../images/re-left.gif);
	background-repeat:no-repeat;
	background-position:center top;
}

.jcarousel-skin-tango .jcarousel-prev-horizontal:hover {
	/* background-position: -32px 0;*/
	background-image: url(../images/re-left.gif);
	background-repeat:no-repeat;
	background-position:center bottom;
}

.jcarousel-skin-tango .jcarousel-prev-horizontal:active { background-position: -64px 0; }

.jcarousel-skin-tango .jcarousel-prev-disabled-horizontal,
.jcarousel-skin-tango .jcarousel-prev-disabled-horizontal:hover,
.jcarousel-skin-tango .jcarousel-prev-disabled-horizontal:active {
	cursor: default;
	/* background-position: -96px 0;*/
	background-image: url(../images/re-left.gif);
	background-repeat:no-repeat;
	background-position:center top;
}

/**
 *  Vertical Buttons
 */
.jcarousel-skin-tango .jcarousel-next-vertical {
	position: absolute;
	bottom: 5px;
	left: 43px;
	width: 32px;
	height: 32px;
	cursor: pointer;
	background: transparent url(../images/next-vertical.png) no-repeat 0 0;
}

.jcarousel-skin-tango .jcarousel-next-vertical:hover { background-position: 0 -32px; }

.jcarousel-skin-tango .jcarousel-next-vertical:active { background-position: 0 -64px; }

.jcarousel-skin-tango .jcarousel-next-disabled-vertical,
.jcarousel-skin-tango .jcarousel-next-disabled-vertical:hover,
.jcarousel-skin-tango .jcarousel-next-disabled-vertical:active {
	cursor: default;
	background-position: 0 -96px;
}

.jcarousel-skin-tango .jcarousel-prev-vertical {
	position: absolute;
	top: 5px;
	left: 43px;
	width: 32px;
	height: 32px;
	cursor: pointer;
	background: transparent url(../images/prev-vertical.png) no-repeat 0 0;
}

.jcarousel-skin-tango .jcarousel-prev-vertical:hover { background-position: 0 -32px; }

.jcarousel-skin-tango .jcarousel-prev-vertical:active { background-position: 0 -64px; }

.jcarousel-skin-tango .jcarousel-prev-disabled-vertical,
.jcarousel-skin-tango .jcarousel-prev-disabled-vertical:hover,
.jcarousel-skin-tango .jcarousel-prev-disabled-vertical:active {
	cursor: default;
	background-position: 0 -96px;
}

.ofc_slide_title {
	font-weight:bold;
	font-size:11px;
	white-space:normal;
}

.ofc_slide_price {
	font-weight:bold;
	font-size:11px;
	color:#CC0000;
}

/* end skin.css */
/* start autocomplete */
html body .ac_results {
	padding: 0px;
	border: 1px solid black;
	background-color: white;
	overflow: hidden;
	z-index: 99999;
	margin-left:-7px;
	/* margin-top:4px;*/
	margin-top:-28px;
}

html body #searchPage .ac_results {
	/*margin-left:0px !important;*/
}

.ac_results ul {
	width: 100%;
	list-style-position: outside;
	list-style: none;
	padding: 0;
	margin: 0;
}

.ac_results li {
	margin: 0px;
	padding: 2px 5px;
	cursor: default;
	display: block;
	background-image:none;
	/* 	if width will be 100% horizontal scrollbar will apear when scroll mode will be used */
	/*width: 100%;*/
	font: menu;
	font-size: 12px;
	/* it is very important, if line-height not setted or setted in relative units scroll will be broken in firefox */
	line-height: 16px;
	overflow: hidden;
}

.ac_loading { background: white url('../includes/indicator.gif') right center no-repeat; }

.ac_odd { background-color: #eee; }

.ac_over {
	background-color: #0A246A;
	color: white;
}

/* end autocomplete */
/* start - TABS MENU  */
#tabs_container {
	margin: 0px;
	width: 100%;
}

#tabs_container ul {
	list-style: none;
	list-style-position: outside;
	display:block;
	zoom:1;
}

#tabs_container ul.menu li {
	float: left;
	margin-right: 5px;
	margin-bottom: -1px;
	zoom:1;
}

#tabs_container ul.menu li {
	font-weight: 700;
	display: block;
	padding: 5px 10px 5px 10px;
	background: #efefef;
	margin-bottom: -1px;
	border: 1px solid #d0ccc9;
	border-width: 1px 1px 1px 1px;
	position: relative;
	color: #898989;
	cursor: pointer;
}

#tabs_container ul.menu li.active {
	background: #fff;
	top: 1px;
	border-bottom: 0;
	color: #0070C0;
}

/******* CONTENT *******/


#tabs_container .content {
	margin: 0px auto;
	background: #efefef;
	background: #fff;
	border: 1px solid #d0ccc9;
	text-align: left;
	padding:15px;
	font-size: 11px;
}

*+html #tabs_container .content {
	margin:-39px auto 0px;
}

#tabs_container .content h1 {
	line-height: 1em;
	vertical-align: middle;
	height: 48px;
	padding: 10px 10px 10px 52px;
	font-size: 32px;
}

/******* SPECS *******/
#tabs_container .content.specs h1 { }

#tabs_container .content.specs { display: block; }

/******* DESCRIPTION *******/
#tabs_container .content.description h1 { }

#tabs_container .content.description { display: none; }

/******* RELATED PRODUCTS *******/
#tabs_container .content.relatedproducts h1 { }

#tabs_container .content.relatedproducts { display: none; }

#tabs_container .content.relatedproducts a { color: #5f95ef; }

/* end - TABS MENU  */

.basket_total {
	color:#CC0000;
	font-size:14px;
}

/* basket styles */
.bask_checkout {
	display:block;
	width:163px;
	height:66px;
	background-image:url(../images/sc_checkout_button.jpg);
	background-repeat:no-repeat;
	float:right;
	margin-left:15px;
	text-indent:-9999px;
}

.empty_bask {
	display:block;
	width:163px;
	height:66px;
	background-image:url(../images/sc_empty_basket_button.jpg);
	background-repeat:no-repeat;
	float:right;
	margin-left:15px;
	text-indent:-9999px;
}

.cont_shopping {
	display:block;
	width:163px;
	height:66px;
	background-image:url(../images/sc_continue_shopping_button.jpg);
	background-repeat:no-repeat;
	float:right;
	margin-left:15px;
	text-indent:-9999px;
}

.stickynote {
	background:#f8f7f7 url(../images/sticky-bg.gif) no-repeat scroll 5px 5px;
	border:1px solid #CACACC;
	padding:10px 0 10px 40px;
}

.stickynote2 {
    background-color:#f8f7f7;
	border:1px solid #CACACC;
	padding:10px 0px 10px 10px;
}

#checkout_process {
	padding:10px;
	text-align:center;
	margin:0 auto;
}

span.checkout_process_box {
	display:block;
    padding:3px 10px 3px 5px;
	float:left;
	margin-right:15px;
	font-weight:bold;
	text-align:center;
	color:#333;
	width:30%;
	font-size:12px;
}

span.process_specialoffer { height:35px; }

span.process_specialoffer { color:#003A7C; }

.pdf_download {
	display:inline-block;
	background-image:url(../images/pdf_icon.gif);
	background-repeat:no-repeat;
	width:18px;
	height:18px;
	text-indent:-9999px;
	vertical-align:middle;
}

.specs .custom_fields { line-height:1.8em; }

/* testimonials - quotes */
.small-quote span.open-quote {
    background:transparent url(../images/so-q.gif) no-repeat scroll left center;
	margin:0;
	padding-left:20px;
}

.small-quote span.close-quote {
    background:transparent url(../images/sc-q.gif) no-repeat scroll right center;
	margin:0;
	padding-right:20px;
}

.small-quote span.author {
    background:#EAEBEE url(../images/author.gif) no-repeat scroll 5px 4px;
	border-top:1px solid #DCDDE0;
	display:block;
	font-size:90%;
	margin:0.5em 0 0;
	padding:2px 5px 2px 20px;
	text-transform:uppercase;
}

body#invoice_page #ofc_search { display:none; }

#fc_pageCount .products_found { font-size:14px; }

#fc_pageCount .page_numbers { font-size:14px; }

#pagecountsearch { position:relative; }

.prevsearch {
	position:absolute;
	bottom:0px;
	left:0px;
}

.nextsearch {
	position:absolute;
	bottom:0px;
	right:0px;
}

html body .ac_results { text-align:left; }

/*** set the width and height to match your images **/

#slideshow {
	position:relative;
	height:150px;
	overflow:hidden;
}

#slideshow a {
	position:absolute;
	top:0;
	left:0;
	z-index:8;
	opacity:1;
}

#slideshow a.active {
	z-index:10;
	opacity:1.0;
}

#slideshow a.last-active { z-index:9; }

/* */

#thawte_seal {
	position:fixed;
	right:0px;
	bottom:0px;
}

.sidetree_footer {
	background-color:#7D140C;
	padding:20px 0;
	text-align:center;
}

html body .calculateclick {
	float:right;
	color:#FFFF00;
}

html body .calculateclick:hover {
	float:right;
	color:#FFFFFF;
	text-decoration:underline;
}

.shipcalcform ul li label {
	display:block;
	width:110px;
	text-align:right;
	float:left;
	margin-right:5px;
}

.shipcalcform ul {
	list-style-position:inside;
	list-style-type:none;
	list-style:none;
}

.shipcalcform ul li { background-image:none; }

.shipcalcform ul li select { width:150px; }

.shipcalcform ul li input { width:142px; }

/* */

body > iframe#_atssh { background:none; }

.checkout_banner {
	display:none;
	border:1px solid #CCCCCC;
	padding:2px;
}

/* ----- NEW CAT TREE SUBS STYLES ----- */
ul#productsbox { position:relative; }

* html #col_ofc ul.main_menu { width:192px; }

*+html #col_ofc ul.main_menu { width:192px; }

#col_ofc ul.main_menu li.cat1 a.cat1 li.cat1 {
	display:none;
	margin /*\**/:0px\9; /* adds ie8 only hack */
}

#col_ofc ul.main_menu li.cat1 a {
	display /*\**/:block\9; /* adds ie8 only hack */
	margin /*\**/:0px\9; /* adds ie8 only hack */
}

body #col_ofc ul.main_menu li a.cat1 {
	background:#DDD url(../images/arrow.png) no-repeat scroll 18px 11px;
	padding-left:25px;
	margin:0px;
}

html body #col_ofc ul.main_menu li.cat1 a.amenuactive {
	background:#666 url(../images/arrow-white.gif) no-repeat scroll 18px 11px;
	padding-left:25px;
	white-space:normal;
}

#col_ofc ul.main_menu li a.cat1:hover,
#col_ofc ul.main_menu li a.cat1:focus {
	background-color:#FFFF99;
	color:#333333;
	margin:0;
	text-decoration:none;
}

body #col_ofc ul.main_menu li.cat1 + li.menuActive {
    display /*\**/:block\9; /* adds ie8 only hack */
	color:#333333;
	margin:0;
	text-decoration:none;
	white-space:normal;
}

#col_ofc ul.main_menu li.cat a.prevParent {
	background-color:#CCCCCC;
	color:#333333;
	background-image:url(../images/arrow.png);
}

#col_ofc ul.main_menu li.menuActive a.prevParent {
	background-color:#666666;
	color:#FFFFFF;
	background-image:url(../images/arrow-white.gif);
}

#cat_three_col table th { padding:5px 0px; }

#cat_three_col div.volume_pricing_prod { margin-top:5px; }

#cat_three_col span.catPrice {
	display:block;
	margin:5px 0px;
	width:145px;
}

img#ZoomImage { border:1px solid #CCCCCC; }

.volume_pricing_prod table tr td table tr th font { font-size:10px; }

select#ofc_quickmenu {
	border:1px solid #CCCCCC;
	color:#666666;
	/*font-family:"Segoe UI", Helvetica, Arial, sans-serif;*/
	font-size:100%;
	font-size-adjust:none;
	font-stretch:normal;
	font-style:normal;
	font-variant:normal;
	font-weight:normal;
	line-height:normal;
	padding:2px;
	margin-bottom:6px;
	border-radius: 2px;
	-moz-border-radius: 2px;
	-webkit-border-radius:2px; 
}

/* start cusion calculator */
#cushion-calc-table {display:block;}
#cushionCalculator {
	width:100%;
	display:none;
	margin-top:10px;
}

#cushionCalculator fieldset {
	padding:5px 20px 20px 10px;
	background-color:#EFF7FD;/**/
	border:1px solid #CCCCCC;
}

#cushionCalculator legend {
	font-size:11px;
	color:#5F95EF;
	font-weight:bold;
	padding:5px 6px;
	border:1px solid #CCCCCC;
	background-color:#FFFFFF;
}

#cushionCalculator label {
	display:block;
	font-size:11px;
	text-align:right;
	width:200px;
	float:left;
	margin:0 5px 4px 0;
	line-height:1.6em;
	padding-top:4px;
	font-weight:bold;
	color:#333333;
}

#cushionCalculator input[type=text], #cushionCalculator select, #cushionCalculator textarea {
	font-size:12px;
	width:100px;
	margin:0 5px 4px 0;
	line-hieght:1.6em;
	padding:3px;
	border:1px solid #999999;
	background-color:#f9f9f8;
	color:#333333;
	float:left;
}

#cushionCalculator input[type=text]:hover, #cushionCalculator select:hover, #cushionCalculator textarea:hover { background-color:#EEEEEE; }

#cushionCalculator select { border:1px solid #999999; }

#cushionCalculator textarea {
	font-size:11px;
	width:418px !important;
}

#cushionCalculator select { 
	font-size:12px;
	width:108px;
	margin:0 5px 4px 0;
	line-hieght:1.6em;
	padding:3px;
	border:1px solid #999999;
	background-color:#f9f9f8;
	color:#333333;
	float:left;
}

/* JTM opera only hack */
/*@media all and (min-width: 0px){
   #cushionCalculator .other_button {
		padding-bottom:0px;
	}

	#cushionCalculator .other_button2 {
		padding-bottom:0px;
	}
}*/

#cushionCalculator .other_button {
	background-color:#0070c0;
	border:medium none;
	color:#FFFFFF;
	cursor:pointer;
	font-size:10px;
	height:17px;
	margin-top:5px;
	padding-bottom:4px;
	width:80px;
}

#cushionCalculator .other_button2 {
	background-color:#0070c0;
	border:medium none;
	color:#FFFFFF;
	cursor:pointer;
	font-size:10px;
	height:17px;
	margin-top:5px;
	padding-bottom:4px;
	width:80px;
}

body #cushionCalculator #neededYards {
	font-size:12px;
	font-family:Arial, Helvetica, sans-serif;
	background-color:#FFC;
	width:205px !important;
	font-weight:bold;
	color:#333333;
	font-size:18px;
	border:1px solid #999999;
}
#cushion-calc {
	display:block;
	width:33px;
	height:44px;
	background:url(../images/calculator.gif) 0 0;
	outline:none;
	letter-spacing:0px;
	text-indent:-9999px;
	margin:7px 0px;
}

#cushion-calc2 {
	display:block;
	cursor:pointer;
	width:52px;
	padding-top:5px;
}
/* end cusion calculator */

#FuFindck {display:none;}

/* hotspot homepage */
#hotspots {
	height:375px;
	margin-top: -10px;
}

#hotspots-inner {
	margin:0 0 10px;
}

#hotspots-inner ul {
	list-style-position: outside;
	list-style-image: none;
	list-style-type: none;
}

#hotspots-inner ul li{
	display:inline-block;
	background:#eee;
	list-style-position: outside;
	list-style-image: none;
	list-style-type: none;
	width:235px;
	height:177px;
	margin:5px;
	padding:0px;
	float:left;
}

#adBanner { display/*\**/:none\9;}

.in-stock-text, .in-stock-img {
	display:inline-block;
	 margin-bottom: 5px;
}