/*
Copyright (c) 2007, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.net/yui/license.txt
version: 2.2.0
*/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td{margin:0;padding:0;}table{border-collapse:collapse;border-spacing:0;}fieldset,img{border:0;}address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}ol,ul {list-style:none;}caption,th {text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}q:before,q:after{content:'';}abbr,acronym {border:0;}/*
Copyright (c) 2007, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.net/yui/license.txt
version: 2.2.0
*/
body {font:13px arial,helvetica,clean,sans-serif;*font-size:small;*font:x-small;}table {font-size:inherit;font:100%;}select, input, textarea {font:99% arial,helvetica,clean,sans-serif;}pre, code {font:115% monospace;*font-size:100%;}body * {line-height:1.22em;}
html, body {
	margin:0;
	padding:0;
	border:0;
	width:100%;
	height: 100%;
	background:#fff;
	text-align: center;
	background-image: url(/mc_assets/images/template/back.jpg);
}

#container {
	width: 960px;
	margin-left: auto;
	margin-right: auto;
	text-align: left;
}

#component_container {
	width: 960px;
	float: left;
	background: #fff;
}

#header_container {
	clear:both;
	float:left;
	width:100%;
	height: 175px;
	background-image: url(/mc_assets/images/template/stripes.png);
	text-align: center;
}

#header {
	width:920px;
	height:140px;
	text-align:left;
	margin-left:auto;
	margin-right:auto;
}

#top_nav_container {
	clear:both;
	float:left;
	width:100%;
}

.top_nav {
	padding-top: 1px;
}

.top_nav_menu {
	width:960px;
	float: left;
	background-color: #18870C;
}

#main { /* container for column container... required to center column container */
	position:relative;	/* This fixes the IE7 overflow hidden bug */
	clear:both;
	float:left;
	width:100%;
	min-height: 500px;
	margin-top: 1em;
	vertical-align: top;
}

#columns { /* column container */
	width:960px;
	margin-left: auto;
	margin-right: auto;
}

#footer {
	clear:both;
	float:left;
	width:100%;
	height: 140px;
	background-image: url(/mc_assets/images/template/stripes.png);
}

#content {
	padding-left: 0.5em;
	padding-right: 0.5em;
}/* common column settings */
.colleft,
.colmid,
.colright {
	float:left;
	width:100%;			/* width of entire page */
	position:relative;
}
.col1,
.col2,
.col3 {
	float:left;
	position:relative;
	padding:0 0 1em 0;	/* no left and right padding on columns, we just make them narrower instead only padding top and bottom is included here, make it whatever value you need */
}

/* 3 Column settings */
.colmid {
	right:200px;			/* width of the right column */
}

.colleft {
	right:560px;			/* width of the middle column */
}

.col1 {
	width:190px;			/* Width of left column content (column width minus padding on either side) */
	left:230px;			/* width of (right column) plus (center column left and right padding) plus (left column left padding) */
}

.col2 {
	width:540px;			/* width of center column content (column width minus padding on either side) */
	left:970px;			/* 100% plus left padding of center column */
	overflow: hidden;
}

.col3 {
	width:190px;			/* Width of right column content (column width minus padding on either side) */
	left:790px;			/* Please make note of the brackets here:
						(100% - left column width) plus (center column left and right padding) plus (left column left and right padding) plus (right column left padding) */
}hr {
	color: #c4c4be;
	background: #c4c4be;
	border: 0;
	height: 1px;
	padding: 0;
	margin: 0;
	_margin-top: -7px; /* IE hack */
	margin-bottom: 1.5em;
}

input {
	padding: 0.1em;
}

.center {
	text-align: center;
}/* BEGIN: Banner */

#header .store_logo {
	display: block;
	float: left;
margin-left: 5px;
margin-top: 25px;
}

#header .store_logo a.logo {
	border: 0;
}

#header ul.account_links {
	float: right;
	font-size: 85%;
	font-weight: bold;
	padding-top: 1.25em;
}

#header ul.account_links li {
	float: left;
}

#header ul.account_links span.account_link_text {
	vertical-align : 30%;
}

#header ul.account_links span.account_link_divider {
	padding-left : 1em;
	padding-right : 1em;
	vertical-align : 30%;
	font-weight : bold;
	color: #fff;
}

#header ul.account_links a,
#header ul.account_links a:visited {
	color : #fff;
	text-decoration : none;
}

#header .search_box {
	float: right;
	margin-right: 20px;
        margin-top: 60px;
        background-image: url(/mc_assets/images/template/searchbg.png);
        background-repeat: no-repeat;
        width: 232px;
        height: 57px;
        padding-top: 15px;
         padding-left: 21px;
}

#header .search_box input {
	/*display: inline;*/
	padding: 0.1em;
}

#header .search_box select {
	/*display: inline;*/
	padding: 0.1em;
}

/* END: Banner *//* BEGIN: Content Container Style */

/* reset for content container */
#content table{border-collapse:collapse;border-spacing:0;}
#content img{border:0;}
#content h1{font-weight:bold;font-size:1.75em;margin-bottom:1.25em;}
#content h2{font-weight:bold;font-size:1.5em;margin-bottom:1.25em;}
#content h3{font-weight:bold;font-size:1.25em;margin-bottom:1.25em;}
#content h4{font-weight:bold;font-size:1em;margin-bottom:1.25em;}
#content h5{font-weight:bold;font-size:1em;margin-bottom:1.25em;}
#content h6{font-weight:bold;font-size:1em;margin-bottom:1.25em;}
#content h1.heading {font-weight:bold;font-size:1.25em;margin-top:0;margin-bottom:1.25em;}
#content h2.heading1 {font-weight:bold;font-size:1em;margin-top:1.25em;margin-bottom:0}
#content h2.heading2 {font-weight:bold;font-size:1em;margin:0}
#content h2.heading3 {font-weight:bold;font-size:1em;margin-bottom:1.25em;text-decoration:underline;}
#content address,
#content caption,
#content cite,
#content code,
#content dfn,
#content var {font-style:normal;font-weight:normal;}
#content em,
#content strong,
#content th {font-weight: bold; text-align: center;}
#content ol {list-style:decimal;margin-left: 2.5em;}
#content ul {list-style:disc;margin-left: 2em;}
#content q:before,
#content q:after {content:'';}
#content abbr,
#content acronym {border:0;}

/* END: Content Container Style *//* BEGIN: Crumbtrail */

.crumbtrail_container {
	border-bottom: 1px solid #C4C4BE;
	margin-bottom: 1em;
	color: #2f2f2f;
}

.crumbtrail_container a {
	color: #0091d0;
}

.crumbtrail_container a:hover {
	color: #ff6f00;
}

/* END: Crumbtrail *//* BEGIN: Footer */

/* we need this outer, middle, inner container to 
vertically align content within the footer */

#footer_outer_container {
	display: table;
	height: 140px;
	#position: relative;
	overflow: hidden;
	width: 100%;
	text-align: center;
}

#footer_middle_container {
	#position: absolute;
	#top: 50%;
	display: table-cell;
	vertical-align: middle;
}

#footer_inner_container {
	#position: relative;
	#top: -50%;
	#left: -50%;
}

#footer_inner_container a {
	text-decoration: underline;
	color: #fff;
}

#footer_inner_container .menu .divider {
	padding-left: 0.5em;
	padding-right: 0.5em;
	display: inline;
	color: #fff;
}

#footer_inner_container .copyright {
	color: #fff;
	text-align: center;
}

#footer_inner_container .menu {
	margin-bottom: 1em;
}

/* END: Footer *//* BEGIN: Panel Style */

.panel_container {
	float: left;
	margin-bottom: 1.25em;
	font-size: 90%;
	overflow: hidden;
}

.panel_width_1 { /* no border, no padding */
	width: 190px;
}

.panel_width_2 { /* has padding, no border */
	width: 164px;
}

.panel_width_3 { /* has padding and border */
	width: 162px;
}

.panel_width_4 { /* no padding, has border */
	width: 188px;
}

/* reset for panel container */
.panel_container table{border-collapse:collapse;border-spacing:0;}
.panel_container img{border:0;}
.panel_container h1{font-weight:bold;font-size:1.75em;margin-bottom:1.25em;}
.panel_container h2{font-weight:bold;font-size:1.5em;margin-bottom:1.25em;}
.panel_container h3{font-weight:bold;font-size:1.25em;margin-bottom:1.25em;}
.panel_container h4{font-weight:bold;font-size:1em;margin-bottom:1.25em;}
.panel_container h5{font-weight:bold;font-size:1em;margin-bottom:1.25em;}
.panel_container h6{font-weight:normal;font-size:115%;padding-bottom:0.75em;color:#89896e;} /* panel/menu title */
.panel_container address,
.panel_container caption,
.panel_container cite,
.panel_container code,
.panel_container dfn,
.panel_container var {font-style:normal;font-weight:normal;}
.panel_container em,
.panel_container strong,
.panel_container th {font-weight: bold; text-align: center;}
.panel_container ol {list-style:decimal;margin-left: 2.5em;}
.panel_container ul {list-style-image: url(/mc_assets/images/template/bullet.gif);margin-left: 1.5em;}
.panel_container li {margin-bottom: 1em;}
.panel_container q:before,
.panel_container q:after {content:'';}
.panel_container abbr,
.panel_container acronym {border:0;}

.panel_container ul li a {
	/*color: #0091d0;*/
	color: #2f2f2f;
}

.panel_container ul li a:hover {
	/*color: #0091d0;*/
	color: #0091d0;
}

.panel_container form.brand {
	margin-bottom: 0.5em;
}

.panel_container form.brand select.brand {
	width: 150px;
	margin-bottom: 0.5em;
}

.panel_container form.brand input.brand {
	width: 150px;
	text-align: center;
}

.panel_container p.custom {
	margin-bottom: 0.5em;
}

.panel_padding {
	padding-top: 0.5em;
	padding-left: 13px;
	padding-right: 13px;
	padding-bottom: 0.5em;
}

.panel_border {
	border: solid 1px #c4c4be;
}

.panel_background {
	background-color:#f6f7ee;
}

.panel_container form.newsletter {
}

.panel_container input.newsletter_email {
	width: 150px;
	margin-bottom: 0.5em;
}

.panel_container input.newsletter_button {
	width: 150px;
	text-align: center;
	margin-bottom: 0.5em;
}

.panel_container form.search {
}

.panel_container .search_query {
	width: 65%;
	display: inline;
	padding-top:0.1em;
	padding-bottom:0.1em;
	padding-left: 0.2em;
}

.panel_container .search_submit {
	display: inline;
	padding-left: 0.5em;
	padding-right: 0.5em;
}

.panel_container .search_type {
	margin-bottom: 0.75em;
}

.panel_container .search_divider {
	height: 0.5em;
	display: block;
}

/* END: Panel Style *//* BEGIN: Category Listing for Content Container */

#category_container {
}

#category_container .category_product {
	float : left;
	width : 215px;
	height: 225px;
	margin-top : 1em;
	margin-left : 0;
	margin-right : 2em;
	margin-bottom : 1em;
}

#category_container .category_product em.heading {
	font-weight:normal;
	font-size:95%;
	margin:0;
	text-decoration:underline;
}

#category_container .category_product em.price {
	font-weight:normal;
	font-size:1em;
	margin:0;
}

#category_container .category_product a {
	display: block;
	text-decoration: none;	
	cursor: hand;
	color: #2f2f2f;
}

#category_container .category_product_image {
	display: block;
	text-align : center;
	line-height: 125px;
	height: 125px;
}

#category_container .category_product_image a {
	line-height: 125px;
	height: 125px;
	vertical-align: middle;
}

#category_container .category_product_desc {
	display : block;
	text-align: center;
	line-height : 1.1em;
	margin-top: 1em;
}

#category_container .subcategory {
	float: left;
}

#category_container ul.subcategory_list {
	display: inline;
}

#category_container ul.subcategory_list li {
	float: left;
	margin-left: 2em;
	margin-top: 0.5em;
	margin-bottom: 0.5em;
	margin-right: 1em;
	list-style-type: disc;
	list-style-position: outside;
	width: 150px;
	text-decoration: underline;
}

#category_container .pagination {
	font-size: 95%;
	text-align: center;
}

#category_container .pagination em {
	font-weight: bold;
}

#category_container .pagination .current_page {
	float: left;
}

#category_container .pagination .pages {
	float: right;
}

#category_container .pagination a {
	text-decoration: none;
	color: #0091d0;
}

#category_container .pagination a.current_page_link {
	text-decoration: underline;
}

#category_container .pagination a:hover {
	text-decoration: underline;
}

/* END: Category Listing for Content Container */#product_container {
}

#product_container h1.product_title {
	font-size: 1em;
	font-weight:bold;
	margin-bottom:1.25em;
}

#product_container .product_image {
	padding:0.5em;
	display:block;
	border:0;
}

#product_container .product_image_link {
	float: right;
	text-align: center;
	border: 1px solid #C4C4BE;
	padding-bottom: 0.5em;
	color: #8f8f8f;
	text-decoration: none;
	margin-left: 1em;
}

#product_container .product_brand {
}

#product_container .product_brand em {
	font-weight: bold;
}

#product_container .product_brand a {
	color: #0091d0;
}

#product_container .product_sku {
	margin-bottom : 1em;
}

#product_container .product_sku em {
	font-weight: bold;
}

#product_container .product_price_container {
	margin-bottom: 1em;
}

#product_container .product_list_price {
}

#product_container .product_list_price em {
	font-weight: bold;
}

#product_container .product_sale_price {
	color: red;
}

#product_container .product_sale_price em {
	font-weight: bold;
}

#product_container .product_save_price {
}

#product_container .product_save_price em {
	font-weight: bold;
}

#product_container .product_stock_container {
	margin-bottom: 1em;
}

#product_container .product_stock_in {
}

#product_container .product_stock_in em {
	font-weight: bold;
}

#product_container .product_stock_out {
}

#product_container .product_stock_out em {
	font-weight: bold;
}

#product_container .product_availability {
}

#product_container .product_availability em {
	font-weight: bold;
}

#product_container .product_attributes_container {
	margin-bottom: 1em;
}

#product_container .product_weight {
}

#product_container .product_weight em {
	font-weight: bold;
}

#product_container .product_dimensions {
}

#product_container .product_dimensions em {
	font-weight: bold;
}

#product_container .product_last_update {
}

#product_container .product_last_update em {
	font-weight: bold;
}

#product_container .product_release_date {
}

#product_container .product_release_date em {
	font-weight: bold;
}

#product_container .buy_box_container_margin {
	margin-top: 0.75em;
}

#product_container .buy_box_container {
	float: left;
	border: 1px solid #c4c4be;
	background-color: #f5f5f5;
	padding: 1em;
	margin-bottom: 1.25em;
	margin-top: 1em;
	margin-right: 2em;
}

#product_container .buy_box_container p {
	margin-bottom: 0.5em;
	color: #5d5d5d;
}

#product_container .buy_box_container em {
	color: #5d5d5d;
	font-weight:normal;
}

#product_container .buy_box_container th {
	color: #5d5d5d;
	font-weight:normal;
	padding-top: 0.25em;
	padding-bottom: 0.25em;
	text-decoration: underline;
}

#product_container .buy_box_container th.padding_right,
#product_container .buy_box_container td.padding_right {
	padding-right: 1em;
	color: #5d5d5d;
}

#product_container .buy_box_container th.padding_left,
#product_container .buy_box_container td.padding_left {
	padding-left: 1em;
	color: #5d5d5d;
}

#product_container .buy_box_container input.qty {
	padding-top:0.1em;
	padding-bottom:0.1em;
}

#product_container .product_relation_container {
	float : left;
	clear: left;
	margin-bottom: 1em;
}

#product_container .product_relation_container ul {
	list-style-type: none;
	margin-left:0;
}

#product_container .product_relation_container ul li {
}

#product_container .product_relation_container ul em {
	font-weight: bold;
}

#product_container .product_relation_container ul li a {
	color: #0091d0;
}

#product_container .product_description {
	clear: both;
	padding-top: 0.5em;
	margin-bottom: 2em;
}

#product_container .product_description h2 {
	font-size: 1em;
	font-weight: bold;
	border-bottom: 1px solid #C4C4BE;
	margin-bottom: 1em;
}.search_results_container {
}

.search_results_container h1 {
	font-size: 110%;
	font-weight: bold;
}

.search_results_container em {
	color: red;
}

.search_results_container a {
	color: #2f2f2f;
}

.search_results_container ol.results {
	margin-left: 1em;
	margin-right: 1em;
	list-style-type: none;
}

.search_results_container ol.results li {
	border-bottom: 1px dashed #c4c4be;
	padding-bottom: 1.5em;
	padding-top: 1.5em;
}

.search_results_container table.product_result td {
	vertical-align: top;
}

.search_results_container table.product_result td.img {
	width: 140px;
}

.search_results_container .pagination {
	font-size: 95%;
	text-align: center;
	padding-top: 1em;
	padding-bottom: 3em;
}

.search_results_container .pagination em {
	font-weight: bold;
}

.search_results_container .pagination .current_page {
	float: left;
}

.search_results_container .pagination .pages {
	float: right;
}

.search_results_container .pagination a {
	text-decoration: none;
	color: #0091d0;
}

.search_results_container .pagination a.current_page_link {
	text-decoration: underline;
}

.search_results_container .pagination a:hover {
	text-decoration: underline;
}.menu_container {
	float:left;
	border: 1px solid #c4c4be;
	font-size: 90%;
	padding-bottom: 1em;
	margin-bottom: 1.25em;
	background-color: #f6f7ee;
}

.menu_container h6{font-weight:normal;font-size:115%;color:#89896e;padding-bottom:0.5em;padding-top:0.5em;padding-left:0.75em;} /* panel/menu title */

/*** ESSENTIAL STYLES ***/
.sf-menu, .sf-menu * {
	margin:			0;
	padding:		0;
	list-style:		none;
}
.sf-menu {
	line-height:	1.0;
}
.sf-menu ul {
	position:		absolute;
	top:			-999em;
	width:			10em; /* left offset of submenus need to match (see below) */
}
.sf-menu ul li {
	width:			100%;
}
.sf-menu li:hover {
	visibility:		inherit; /* fixes IE7 'sticky bug' */
}
.sf-menu li {
	float:			left;
	position:		relative;
}
.sf-menu a {
	display:		block;
	position:		relative;
}
.sf-menu li:hover ul,
.sf-menu li.sfHover ul {
	left:			0;
	top:			1.5em; /* match top ul list item height */
	z-index:		99;
}
ul.sf-menu li:hover li ul,
ul.sf-menu li.sfHover li ul {
	top:			-999em;
}
ul.sf-menu li li:hover ul,
ul.sf-menu li li.sfHover ul {
	left:			225px; /* match ul width */
	top:			0;
}
ul.sf-menu li li:hover li ul,
ul.sf-menu li li.sfHover li ul {
	top:			-999em;
}
ul.sf-menu li li li:hover ul,
ul.sf-menu li li li.sfHover ul {
	left:			225px; /* match ul width */
	top:			0;
}

/*** DEMO SKIN ***/
.sf-menu {
	float:			left;
	margin-bottom:	0;
}

.sf-menu a {
	border-left:	1px solid #fff;
	border-top:		1px solid #fff;
	padding: 		.25em 1em;
	text-decoration:none;
}
.sf-menu a, .sf-menu a:visited  { /* visited pseudo selector so IE6 applies text colour*/
	color:			#2f2f2f;
}
.sf-menu li {
	background:		#F6F7EE;
}

.sf-menu li li {
	/*background:		#AABDE6;*/
	background:		#b2ff6d;
}
.sf-menu li li li {
	background:		#b2ff6d;
}
.sf-menu li:hover, .sf-menu li.sfHover,
.sf-menu a:focus, .sf-menu a:hover, .sf-menu a:active {
	background:		#18870C;
	outline:		0;
	color: #fff;
}

.sf-horizontal a.top {
	border-right:	1px solid #fff;
	border-left: 0;
	border-top:		0;
	padding: 		.25em 1em;
	text-decoration:none;
}

.sf-horizontal a.top, .sf-horizontal a.top:visited  { /* visited pseudo selector so IE6 applies text colour*/
	color:			#fff;
}

.sf-horizontal li.top {
	background:		#18870C;
}

.sf-horizontal li.top:hover, .sf-horizontal li.top.sfHover,
.sf-horizontal a.top:focus, .sf-horizontal a.top:hover, .sf-horizontal a.top:active {
	background:		#18870C;
	outline:		0;
	z-index: 1;
}

/*** arrows **/
.sf-menu a.sf-with-ul {
	padding-right: 	2.25em;
	min-width:		1px; /* trigger IE7 hasLayout so spans position accurately */
}
.sf-sub-indicator {
	position:		absolute;
	display:		block;
	right:			.75em;
	top:			1.05em; /* IE6 only */
	width:			10px;
	height:			10px;
	text-indent: 	-999em;
	overflow:		hidden;
	background:		url('/mc_assets/superfish/images/arrows-grey.png') no-repeat -10px -100px; /* 8-bit indexed alpha png. IE6 gets solid image only */
}

.sf-horizontal .sf-sub-indicator {
	background:		url('/mc_assets/superfish/images/arrows-grey.png') no-repeat -10px -100px; /* 8-bit indexed alpha png. IE6 gets solid image only */
}

.sf-vertical-rtl .sf-sub-indicator {
	background:		url('/mc_assets/superfish/images/arrows-grey-rtl.png') no-repeat -10px -100px; /* 8-bit indexed alpha png. IE6 gets solid image only */
}

a > .sf-sub-indicator {  /* give all except IE6 the correct values */
	top:			.5em;
	background-position: 0 -100px; /* use translucent arrow for modern browsers*/
}
/* apply hovers to modern browsers */
a:focus > .sf-sub-indicator,
a:hover > .sf-sub-indicator,
a:active > .sf-sub-indicator,
li:hover > a > .sf-sub-indicator,
li.sfHover > a > .sf-sub-indicator {
	background-position: -10px -100px; /* arrow hovers for modern browsers*/
}

/* point right for anchors in subs */
.sf-menu ul .sf-sub-indicator { background-position:  -10px 0; }
.sf-menu ul a > .sf-sub-indicator { background-position:  0 0; }
/* apply hovers to modern browsers */
.sf-menu ul a:focus > .sf-sub-indicator,
.sf-menu ul a:hover > .sf-sub-indicator,
.sf-menu ul a:active > .sf-sub-indicator,
.sf-menu ul li:hover > a > .sf-sub-indicator,
.sf-menu ul li.sfHover > a > .sf-sub-indicator {
	background-position: -10px 0; /* arrow hovers for modern browsers*/
}

/*** shadows for all but IE6 ***/
.sf-shadow ul {
	background:	url('/mc_assets/superfish/images/shadow.png') no-repeat bottom right;
	padding: 0 8px 9px 0;
	-moz-border-radius-bottomleft: 17px;
	-moz-border-radius-topright: 17px;
	-webkit-border-top-right-radius: 17px;
	-webkit-border-bottom-left-radius: 17px;
}
.sf-shadow ul.sf-shadow-off {
	background: transparent;
}
/*** adding sf-vertical in addition to sf-menu creates a vertical menu ***/
.sf-vertical, .sf-vertical li {
	width:	188px;
}
/* this lacks ul at the start of the selector, so the styles from the main CSS file override it where needed */
.sf-vertical li:hover ul,
.sf-vertical li.sfHover ul {
	left:	188px; /* match ul width */
	top:	0;
	width: 225px;
}

/*** alter arrow directions ***/
.sf-vertical .sf-sub-indicator {background-position: -10px 0;} /* IE6 gets solid image only */
.sf-vertical a > .sf-sub-indicator { background-position: 0 0; } /* use translucent arrow for modern browsers*/

/* hover arrow direction for modern browsers*/
.sf-vertical a:focus > .sf-sub-indicator,
.sf-vertical a:hover > .sf-sub-indicator,
.sf-vertical a:active > .sf-sub-indicator,
.sf-vertical li:hover > a > .sf-sub-indicator,
.sf-vertical li.sfHover > a > .sf-sub-indicator {
	background-position: -10px 0; /* arrow hovers for modern browsers*/
}ul.sf-vertical-rtl li li:hover ul,
ul.sf-vertical-rtl li li.sfHover ul {
	left:			-225px; /* match ul width */
	top:			0;
}

/*** adding sf-vertical in addition to sf-menu creates a vertical menu ***/
.sf-vertical-rtl, .sf-vertical-rtl li {
	width:	188px;
}
/* this lacks ul at the start of the selector, so the styles from the main CSS file override it where needed */
.sf-vertical-rtl li:hover ul,
.sf-vertical-rtl li.sfHover ul {
	left:	-225px; /* match ul width */
	top:	0;
	width: 225px;
}

/*** alter arrow directions ***/
.sf-vertical-rtl .sf-sub-indicator { background-position: -10px 0; } /* IE6 gets solid image only */
.sf-vertical-rtl a > .sf-sub-indicator { background-position: 0 0; } /* use translucent arrow for modern browsers*/

/* hover arrow direction for modern browsers*/
.sf-vertical-rtl a:focus > .sf-sub-indicator,
.sf-vertical-rtl a:hover > .sf-sub-indicator,
.sf-vertical-rtl a:active > .sf-sub-indicator,
.sf-vertical-rtl li:hover > a > .sf-sub-indicator,
.sf-vertical-rtl li.sfHover > a > .sf-sub-indicator {
	background-position: -10px 0; /* arrow hovers for modern browsers*/
}/**
 * The default CSS for Shadowbox.
 *
 * This file is part of Shadowbox.
 *
 * Shadowbox is an online media viewer application that supports all of the
 * web's most popular media publishing formats. Shadowbox is written entirely
 * in JavaScript and CSS and is highly customizable. Using Shadowbox, website
 * authors can showcase a wide assortment of media in all major browsers without
 * navigating users away from the linking page.
 *
 * You should have received a license with this distribution explaining the terms
 * under which Shadowbox may be used. If you did not, you may obtain a copy of the
 * license at http://shadowbox-js.com/license.txt
 *
 * @author      Michael J. I. Jackson <michael@mjijackson.com>
 * @copyright   2007-2009 Michael J. I. Jackson
 * @version     SVN: $Id: shadowbox.css 1 2009-04-12 22:47:49Z michael $
 */

/*_____________________________________________  container, overlay, & wrapper  */
#sb-container, #sb-wrapper {
  text-align: left; /* reset left alignment */
}
#sb-container, #sb-overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  margin: 0;
  padding: 0;
}
#sb-container {
  height: 100%;
  display: none;
  visibility: hidden;
  z-index: 999;
}
body > #sb-container {
  /* use position:fixed in modern browsers */
  position: fixed;
}
#sb-overlay {
  /* needed in IE6 where sb-container uses position:absolute */
  height: expression(document.documentElement.clientHeight + 'px');
}
#sb-container > #sb-overlay {
  /* use for sb-container position:fixed */
  height: 100%;
}

/*_________________________________________________________________  wrapper  */
#sb-wrapper {
  position: relative;
}
#sb-wrapper img {
  border: none;
}

/*____________________________________________________________________  body  */
#sb-body {
  position: relative;
  margin: 0;
  padding: 2em;
  overflow: hidden;
  border: 1px solid #333;
}
#sb-body-inner {
  position: relative;
  height: 100%;
}
#sb-content.html {
  height: 100%;
  overflow: auto; /* make html content scrollable */
}

/*_________________________________________________________________  loading  */
#sb-loading {
  position: absolute;
  top: 0;
  width: 100%;
  height: 100%;
}
#sb-body, #sb-loading {
  background-color: #fff; /* should match loading image background color */
  border:1px solid #2e2e2e;
}

#sb-loading {
	padding: 0;
	border: 0;
}

#sb-loading-indicator {
	float: left;
	margin: 10px 5px 0 10px;
	height: 32px;
	width: 32px;
	background-image: url(/mc_assets/shadowbox/resources/loading.gif);
	background-repeat: no-repeat;
}

#sb-loading span {
	font-family: 'Lucida Grande', Tahoma, sans-serif;
	font-size: 10px;
	float: left;
	margin-top: 16px;
}

#sb-loading span a:link,
#sb-loading span a:visited {
	color: #fff;
	text-decoration: underline;
}

/*____________________________________________________________  title & info  */
#sb-title, #sb-info {
  position: relative;
  margin: 0; /* these must have no vertical margin or padding */
  padding: 0;
  overflow: hidden;
}
#sb-title-inner, #sb-info-inner {
  position: relative;
  font-family: 'Lucida Grande', Tahoma, sans-serif;
  line-height: 16px;
}
#sb-title, #sb-title-inner {
  height: 26px;
}
#sb-title-inner {
  font-size: 16px;
  padding: 5px 0;
  color: #fff;
}
#sb-info, #sb-info-inner {
  height: 20px;
}
#sb-info-inner {
  font-size: 12px;
  color: #fff;
}

/*_____________________________________________________________________  nav  */
#sb-nav {
  float: right;
  height: 16px;
  padding: 2px 0;
  width: 45%;
}
#sb-nav a {
  display: block;
  float: right;
  height: 16px;
  width: 16px;
  margin-left: 3px;
  cursor: pointer;
}
#sb-nav a.close {
  display: block;
  float: right;
  height: 16px;
  width: 67px;
  margin-left: 3px;
  cursor: pointer;
}
#sb-nav-close {
  background-image: url(/mc_assets/shadowbox/resources/close-3.png);
  background-repeat: no-repeat;
}
#sb-nav-next {
  background-image: url(/mc_assets/shadowbox/resources/next.png);
  background-repeat: no-repeat;
}
#sb-nav-previous {
  background-image: url(/mc_assets/shadowbox/resources/previous.png);
  background-repeat: no-repeat;
}
#sb-nav-play {
  background-image: url(/mc_assets/shadowbox/resources/play.png);
  background-repeat: no-repeat;
}
#sb-nav-pause {
  background-image: url(/mc_assets/shadowbox/resources/pause.png);
  background-repeat: no-repeat;
}

/*_________________________________________________________________  counter  */
#sb-counter {
  float: left;
  padding: 2px 0;
  width: 45%;
  font-weight: bold;
  color:#fff;
}
#sb-counter a {
  padding: 0 4px 0 0;
  text-decoration: none;
  cursor: pointer;
  color: #fff;
}
#sb-counter a.sb-counter-current {
  text-decoration: underline;
}

/*________________________________________________________________  messages  */
div.sb-message {
  font-family: 'Lucida Grande', Tahoma, sans-serif;
  font-size: 12px;
  padding: 10px;
  text-align: center;
}
div.sb-message a:link, div.sb-message a:visited {
  color: #fff;
  text-decoration: underline;
}
table.exception {
	border: 1px solid #c4c4be;
	margin-bottom: 2em;
}

table.success {
	background-color: yellow;
}

table.warning {
	background-color: yellow;
}

table.error {
	background-color: yellow;
}

table.exception td.img {
	padding-left: 1em;
	padding-right: 0.75em;
	padding-top: 1em;
	padding-bottom: 1em;
	width: 1%;
	vertical-align: top;
}

table.exception td.msg {
	padding-left: 0.75em;
	padding-right: 1em;
	padding-top: 1em;
	padding-bottom: 1em;
	font-size: 95%;
}

table.exception td.msg p.title {
	font-weight: bold;
	margin-bottom: 1em;
	margin-top: 0;
}