body
{
    margin: 0;
    padding: 10px 0;
    text-align: center;
    background-color: #ffffff;
    font-size: 100%;
    font-family: Verdana, sans-serif, Tahoma;
    overflow: -moz-scrollbars-vertical;
    color: #333333;
}
table
{
    font-size: 1em !important;
    font-family: Verdana, sans-serif, Tahoma;
    border: none;
}
table input
{
    font-size:1em;
}
table select
{
    font-size:1em;
}

#content select
{
    font-size: 1em;
}
#content input
{
    font-size: 1em;
}
img
{
    border: none;
}
a:visited
{
    color: #112837;
    text-decoration: underline;
}
a:link
{
    color: #112837;
    text-decoration: underline;
}
a:active
{
    color: #112837;
    text-decoration: underline;
}
a:hover
{
    /* color: #4776BD; */
}
form
{
    border: none;
    margin: 0;
    padding: 0;
}
fieldset
{
    border: none;
    margin: 0;
    padding: 0;
}
h3
{
    margin: 1em 0 0.5em 0;
    padding-top: 1em;
    color: #6B6F83;
    font-size: 1.25em;
    text-align: left;
    border-bottom: solid 2px #4776BD;
}
/* Hides from IE-mac \*/
* html .floatform
{
    height: 1%;
}
* html .clear
{
    height: 1%;
}
.floatform
{
    display: block;
}
.clear
{
    display: block;
}
/* End hide from IE-mac */

ul.tame li
{
    margin: 0;
    padding: 0;
    display: list-item;
    list-style: none;
    font-size: 8pt;
    line-height: 1.25em;
	text-align:center;
}

ul.tame
{
    margin: 0;
    padding: 0;
    display: list-item;
    list-style: none;
    font-size: 8pt;
}
ul.tameHoriz li
{
    margin: 0;
    padding: 3px 15px 0px 15px;
    list-style: none;
    font-size: 11px;
}
.tameHoriz
{
    margin: 0;
    padding: 3px 15px 0px 15px;
    list-style: none;
    font-size: 11px;
    text-align:center;
}
ul.tameHoriz li
{
    display: inline;
    font-size: 11px;
    font-weight: bold;
    text-decoration: none;
}
ul.tameHoriz li a
{
    text-decoration: none;
}
ul.tameHoriz li a:visited
{
	text-decoration: none;
}
ul.tameHoriz li a:hover
{
	text-decoration: underline;
}
br.cl
{
    clear: both;
}


/*PAGE SETUP*/
#userName
{
}
#loginText
{
    margin-left: 1em;
}
textarea#OrderNotes
{
    width: 99% !important;
}

#wrapper
{
    width: 1000px;
    margin: 0 auto;
    padding: 0;
    text-align: left;
    font-size: 0.71em !important;
    height: auto;
}


#header
{
    width: 1000px;
    line-height: 3em;
    text-align: right;
    margin-bottom: 0px;
    vertical-align: bottom;
}
#bodyWrapper
{
    padding: 0;
    margin-bottom: 10px;
    height: auto;
    width: 1000px;
    border: 1px solid #fff;
}

#content
{
    margin: 3px 0px 0px 0px;
    padding: 0px;
    width: 1000px;
    height: auto;
    background-color: #fff;
    clear: none;
}
#footer
{
	height: 70px;
	background-color: rgb(207,215,196);
    clear: both;
    margin: 0px;
    padding: 0;
    width: 100%;
    text-align: center;
}
#footerleft
{
	background-color: rgb(207,215,196);
	background-image: url('images/bottom_round_corner_left.jpg');
	background-position: bottom;
	background-repeat: no-repeat;
	height: 70px;
	width: 6px;
	float: left;
}
#footerright
{
	background-color: rgb(207,215,196);
	background-image: url('images/bottom_round_corner_right.jpg');
	background-position: bottom;
	background-repeat: no-repeat;
	height: 70px;
	width: 6px;
	float: right;
}
div#footerWrap
{
    width: 100%;
    height: 70px;
    margin: 0px;
    padding: 8px 0px 0px 0px;
}

#breadcrumb
{
    float: left;
    color: #444;
}
#miniCart
{
    float: right;
}
#ML
{
    width: 650px;
    font-size: 0.85em;
}
#ML div
{
    float: right;
    vertical-align: middle;
}
#ML
{
    float: right;
    vertical-align: middle;
}
#ML div select
{
    font-size: 0.88em;
    margin: 2px 0.5em 4px 0;
    vertical-align: middle;
}

#ML
{
    height: 2em;
    line-height: 1.5em;
    color: #444;
}

#minicart
{
    height: 2em;
    line-height: 1.5em;
    color: #444;
}

#breadcrumb
{
    height: 2em;
    line-height: 1.5em;
    color: #444;
}
#miniCart a
{
    color: #4776BD;
}
#breadcrumb a
{
    color: #4776BD;
}
input.submit
{
    border: 1px double #999;
    border-top-color: #ccc;
    border-left-color: #ccc;
    padding: 0.1em;
    margin: 0;
    background-color: #fff;
    background-image: url(images/background-form-element.png);
    color: #333;
    font-size: 1em;
    font-weight: bold;
    font-family: Verdana,Helvetica,Arial,sans-serif,Tahoma;
}
input.submit:active
{
    border: 1px double #ccc;
    border-top-color: #999;
    border-left-color: #999;
}


/*HEADER ELEMENTS*/


#logo
{
    float: left;
    width: 558px;
    height: 87px;
    background: url('../../images/MP-logov2.jpg') no-repeat center center;
    display: block;
}

#logo b
{
    display: none;
}


a.wishlist
{
    background: url(images/icons/wishlist.gif) no-repeat left bottom;
}

/*
a.cart
{
    background: url(images/icons/cart.gif) no-repeat left bottom;
}
*/
/*
a.account
{
    background: url(images/icons/your-account.gif) no-repeat left bottom;
}
*/
a.faq
{
    background: url(images/icons/faq.gif) no-repeat left bottom;
}
a.contact
{
    background: url(images/icons/contact-us.gif) no-repeat left bottom;
}
a.mp_myaccount
{
    padding: 3px 6px 3px 6px;
    position: relative;
    font-family: Verdana;
    font-size: 11px;
    font-weight: bold;
    text-decoration: none;
    color: #666666;
}

a.mp_help
{
    padding: 3px 6px 3px 6px;
    position: relative;
    font-family: Verdana;
    font-size: 11px;
    font-weight: bold;
    text-decoration: none;
    color: #666666;
}

a.mp_register
{
    padding: 3px 6px 3px 6px;
    position: relative;
    font-family: Verdana;
    font-size: 11px;
    font-weight: bold;
    text-decoration: none;
    color: #666666;
}

a.mp_login
{
    padding: 3px 6px 3px 6px;
    position: relative;
    font-family: Verdana;
    font-size: 11px;
    font-weight: bold;
    text-decoration: none;
    color: #666666;
}

a.account
{
    padding: 3px 6px 3px 6px;
    position: relative;
    font-family: Verdana;
    font-size: 11px;
    font-weight: bold;
    text-decoration: none;
    color: #666666;
}

a.cart
{
    padding: 3px 6px 3px 6px;
    position: relative;
    font-family: Verdana;
    font-size: 11px;
    font-weight: bold;
    text-decoration: none;
    color: #666666;
}

a.mp_myaccount:visited
{
	text-decoration: none;
	color: #666666;
}

a.mp_myaccount:hover
{
	text-decoration: none;
	color: #666666;
}

a.mp_help:visited
{
	text-decoration: none;
	color: #666666;
}

a.mp_register:visited
{
	text-decoration: none;
	color: #666666;
}

a.mp_login:visited
{
	text-decoration: none;
	color: #666666;
}

a.account:visited
{
	text-decoration: none;
	color: #666666;
}

a.cart:visited
{
	text-decoration: none;
	color: #666666;
}

a.mp_help:hover
{
	text-decoration: none;
	color: #666666;
}

a.mp_register:hover
{
	text-decoration: none;
	color: #666666;
}

a.mp_login:hover
{
	text-decoration: none;
	color: #666666;
}

a.account:hover
{
	text-decoration: none;
	color: #666666;
}

a.cart:hover
{
	text-decoration: none;
	color: #666666;
}

#header u
{
    color: #000;
    text-decoration: none;
}
#login
{
    margin: 0;
    padding: 0;
    float: right;
    font-size: 0.8em;
    padding-right: 15px;
}

/* HEADER HORIZ NAV*/

#horizNav
{
    text-align: left;
    width: 1000px;
    margin: 0;
    clear: left;
    line-height: 35px;
    height: 35px;
    background: #699EDC url(images/nav-bg.gif) repeat;
    border-top: solid 1px #888;
    border-bottom: solid 1px #888;
    position: relative;
    z-index: 1;
}
#horizNav a:visited
{
    color: #fff;
    text-decoration: none;
    font-weight: bold;
    font-size: 1.1em;
    font-family: Verdana,sans-serif,Tahoma;
}

#horizNav a:link
{
    color: #fff;
    text-decoration: none;
    font-weight: bold;
    font-size: 1.1em;
    font-family: Verdana,sans-serif,Tahoma;
}

#horizNav a:active
{
    color: #fff;
    text-decoration: none;
    font-weight: bold;
    font-size: 1.1em;
    font-family: Verdana,sans-serif,Tahoma;
}

#nav
{
    margin: 0;
    padding: 0;
    height: 35px;
    list-style: none;
    white-space: nowrap;
}
#nav a
{
    margin: 0;
    padding: 0.9em 15px;
    background: url(images/tab-sep.gif) no-repeat center left;
}
#nav #firstTab a:hover
{
    background: url(images/nav-bg-hover.gif) repeat-x center right;
}

#nav a:hover
{
    background: url(images/nav-bg-hover.gif) repeat-x center right;
}

#nav li
{
    float: left;
    position: relative;
    margin: 0;
    background: #4776BD url(images/nav-bg.gif) center left repeat;
}

#nav ul
{
    list-style: none;
    padding: 0;
    margin: 0;
    border-top: solid 1px transparent;
    text-align: left;
}
#nav li ul
{
    width: 10em;
    display: none;
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 100;
    color: #4776BD;
}
#nav li li
{
    font-size: 0.8em;
    line-height: 2em;
    margin: 0;
    background: #F8F8F8 none;
    width: 100%;
    border-bottom: solid 1px #CECECE;
}
#nav li li a
{
    display: block;
    margin: 0;
    background: none;
    padding: 0 1em;
    color: #4776BD !important;
}
#nav li li:hover
{
    background: #DCDFE2 none !important;
}
#nav li li a:hover
{
    background: #DCDFE2 none !important;
}
#nav li > ul
{
    top: auto;
    left: auto;
}
#nav li.over ul
{
    display: block;
}
#nav li:hover ul
{
    display: block;
}
#nav #firstTab
{
    background-image: none !important;
    margin: 0;
}
/* HORIZ NAV SUB */

#horizNav2
{
    clear: both;
    background: #EFEEEE url(images/sub-nav-fade.gif) repeat-x left center;
    width: 1000px;
    height: 3em;
    line-height: 3em;
    color: #444;
    padding: 0;
    margin-top: 0px;
    border-bottom: solid 1px #F0EFEF;
}
#horizNav2 a:visited
{
    color: #444;
    text-decoration: underline;
}
#horizNav2 a:link
{
    color: #444;
    text-decoration: underline;
}
#horizNav2 a:active
{
    color: #444;
    text-decoration: underline;
}
#horizNav2 a:hover
{
    color: #444;
}
#horizNav2 span
{
    color: #444;
    font-weight: bold;
    font-size: 1.2em;
}
#horizNav2 form label
{
    color: #444;
}
#horizNav2 form
{
    float: left;
    padding: 0 2em 0 1em;
    width: auto;
}
#horizNav2 fieldset
{
    width: 210px;
}

#horizNav2 ul
{
    float: left;
    padding: 0 1em;
}
.pipe
{
    padding: 0 1em;
    font-size: 0.9em;
    font-weight: normal;
}
img.liveHelp
{
    float: right;
    padding: 0 1em;
    vertical-align: middle;
    margin-top: 4px;
}

.searchBox
{
    height: 1.5em;
    width: 10em;
    border: 1px solid #A7A6AA;
    margin-top: 0.7em;
}




/* LEFT NAV */

.leftNav
{
    border: 1px solid #ddd;
    border-top: 1px solid #F0EFEF;
    padding: 5px;
    margin-bottom: 5px;
    background: #D7D4CD url(images/left-nav-bg.gif) repeat top center;
}
.navHeader
{
    background: url(images/nav-header-bg.gif) no-repeat left bottom;
    width: 260px;
    height: 22px;
    line-height: 22px;
    padding-left: 5px;
    color: #4776BD;
    font-weight: bold;
}
.catMark
{
    font-size: 0.8em;
    font-weight: bold;
    color: #aaa;
    letter-spacing: -2px;
}

/* FOOTER ELEMENTS */
#footer ul
{
    list-style: none;
    color: #444;
}

.footerList
{
    text-align: left;
    width: 24%;
    height: 100%;
    display: inline;
    float: left;
    border-right: 1px dashed #ddd;
}
.topList li
{
    font-size: 1.2em;
    font-weight: bold;
    margin: 0 0 0.5em 0;
    list-style: none;
}

/* CLOSER */
#closer
{
    font-size: 0.7em;
    color: #444;
    margin: 1em 0;
}
#closer a
{
    color: #444;
}


/* PRODUCT PAGE */
#productTopBox
{
    text-align: right;
    padding: 1.5em 10px 10px 10px;
}
h2
{
    margin: 0;
    font-size: 1.4em;
    text-align: left;
    border-bottom: solid 2px #4776BD;
}

#sku
{
    display: block;
}
#price
{
    font-weight: bold;
    font-size: 1.5em;
    display: block;
}
.SalePrice
{
    color: #cc0000 !important;
}
#otherinfo
{
    margin: 10px;
}
#quoteBox
{
    margin: 10px;
}
#description
{
    margin: 10px;
}
.prodHeader
{
    width: 99.5%;
    height: 1.2em;
    color: #6B6F83;
    clear: both;
    font-weight: bold;
    font-size: 1.2em;
    padding: 3px 5px;
    border-bottom: solid 2px #4776BD;
}
#quoteBox select
{
    font-size: 1em;
    display: block;
    margin: 5px 0;
}
#quoteBox input
{
    font-size: 1em;
    display: block;
    margin: 5px 0;
}
#mainImg
{
    margin: 0 10px 10px 0;
    float: left;
}
#Quantity
{
    font-size: 1em;
}
.AddToWishButton
{
    font-size: 1em;
}
.AddToCartButton
{
    font-size: 1em;
}
.addToForm
{
    margin-top: 1em;
}
#shipQuoteLabels
{
    width: 10em;
    height: auto;
    float: left;
    font-weight: bold;
    text-align: right;
    padding-right: 10px;
}
#shipQuoteLabels label
{
    display: block;
    line-height: 2em;
}
#yourQuote
{
    font-weight: bold;
    line-height: 2em;
}
#ShipQuote
{
    font-weight: bold;
    line-height: 2em;
}
#shipQuoteWrapper
{
    height: auto;
    float: left;
}
#navArrows
{
    float: right;
}

/* ENTITY LANDING PAGE */

.topFeature
{
    float: left;
    width: 24.8%;
    height: auto;
    text-align: left;
}

.topFeatureP
{
    margin: 0;
    padding: 0.5em;
    text-align: left;
}
.topFeature p
{
    margin: 0;
    text-align: left;
}
.topFeatureP img
{
    margin-bottom: 0.5em;
}
.topName
{
    font-weight: bold;
    text-align: left;
}

.topPrice
{
    font-weight: bold;
    text-align: left;
}

#entitySep
{
    clear: both;
    margin-top: 1em;
}
.btmP
{
    clear: left;
    border-bottom: 1px solid #C6C3BA;
    float: left;
    width: 683px;
    margin: 0.5em 0;
    padding: 0.5em;
}
.btmP img
{
    float: left;
    margin-right: 1em;
}
.btmP span
{
    display: block;
}
.btmSalePrice
{
    font-size: 1.1em;
    font-weight: bold;
}
.btmPrice
{
    font-size: 1.1em;
    font-weight: bold;
}
.btmName
{
    font-size: 1.1em;
    font-weight: bold;
}
.topDescription
{
    display: block;
    padding-bottom: 1em !important;
}
.btmDescription
{
    display: block;
    padding-bottom: 1em !important;
}
.btmPrice
{
}
.btmSalePrice
{
    color: #cc0000;
}
.topOutStock
{
    display: inline !important;
    font-weight: bold;
    color: #4776BD;
}
.topInStock
{
    display: inline !important;
    font-weight: bold;
    color: #4776BD;
}
.btmOutStock
{
    display: inline !important;
    font-weight: bold;
    color: #4776BD;
}
.btmInStock
{
    display: inline !important;
    font-weight: bold;
    color: #4776BD;
}
.topOutStock
{
    color: #aaa;
}
.btmOutStock
{
    color: #aaa;
}
#entityPageHeader p
{
    margin-top: 0;
}
#entityPageHeader img
{
    margin: 0 1em 0.5em 0;
    float: right;
}

.entityCategory
{
    margin: 0 0 1em 0;
    font-size: 1.1em;
}

/* OTHER SELECTORS */
.LightCell
{
    border: none;
}

.MediumCell
{
    border: none;
}

.error
{
    font-size:1.25em;
    font-weight:bold;
    color:#ff0000;
	line-height: 35px;
}

.errorLg
{
    color: #996600;
    font-size: 11px;
    font-weight: bold;
}

.resetPwdErr
{
	color: Red;
    font-size: 12px;
    font-weight: bold;
}

.SBProdName
{
    font-size: .7em;
}
.SBCatName
{
    font-size: .8em;
    font-weight: bold;
}

.PBCartFull
{
    font-size: .7em;
    color: Blue;
    font-weight: bold;
}



/* COMPONENT ART HORIZONTAL MENU */

.TopMenuGroup
{
    border: solid 0px #000;
    background-color: transparent;
    line-height:35px;  
}

.MenuGroup
{
    border: solid 0px #000;
    color: #000000;
    font-size: 0.8em!important;
    margin: 0;
    background: #F8F8F8 none;
}

td.MenuItemHover
{
    color: #4776BD;
}

.MenuItemHover td
{
    color: #4776BD;
}

.MenuGroupHover td
{
    color: #4776BD;
}

.MenuGroup td
{
    color: #4776BD;
}

.TopMenuItemHover
{
    color: #fff;
    font-weight: bold;
    font-size: 14px;
    cursor: hand;
    cursor: pointer;
    margin:0;
    padding: 0 1em!important;
    line-height: 35px;
    vertical-align:middle;
    background: url(images/tab-sep.gif) no-repeat top left;
}

.TopMenuItem
{
    color: #fff;
    font-weight: bold;
    font-size: 14px;
    cursor: hand;
    cursor: pointer;
    margin:0;
    padding: 0 1em!important;
    line-height: 35px;
    vertical-align:middle;
    background: url(images/tab-sep.gif) no-repeat top left;
}
.TopMenuItem
{
    background: url(images/tab-sep.gif) no-repeat top left;
}


/*leaf menu items*/
.MenuItemHover td
{
    color: #4776BD;
    border: solid 0px white;
    cursor: hand;
    cursor: pointer;
    margin: 0;
    background: #F8F8F8 none;
    width: 100%!important;
}

.MenuItem td
{
    color: #4776BD;
    border: solid 0px white;
    cursor: hand;
    cursor: pointer;
    margin: 0;
    background: #F8F8F8 none;
    width: 100%!important;
}

.MenuItemHover
{
    color: #4776BD;
    border: solid 0px white;
    cursor: hand;
    cursor: pointer;
    margin: 0;
    background: #F8F8F8 none;
    width: 100%!important;
}

.MenuItem
{
    color: #4776BD;
    border: solid 0px white;
    cursor: hand;
    cursor: pointer;
    margin: 0;
    background: #F8F8F8 none;
    width: 100%!important;
}

.MenuItemHover td
{
    background: #DCDFE2 none;  
}

.MenuItemHover
{
    background: #DCDFE2 none;  
}

.ScrollItem
{
    background-color: green;
    font-size: 0.8em;
    border: solid 0px gray;
    cursor: default;
    text-align: center;
}

.ScrollItemH
{
    background-color: aqua;
    color: orange;
    font-size: 0.8em;
    border: solid 0px gray;
    cursor: default;
    text-align: center;
}

.ScrollItemA
{
    background-color: Lime;
    color: yellow;
    font-size: 0.8em;
    border: solid 0px gray;
    cursor: default;
    text-align: center;
}
/*
-----------------------------------------------------------------------
 Component Art Vertical Menu Style:
-----------------------------------------------------------------------


.VertTopMenuGroup
{
  border:solid 0px #003167;
  background-color:transparent;
}

.VertMenuGroup
{
  border:solid 0px #003167;
  background-color:transparent;
}

.VertTopMenuItem
{
  color:#FFFFFF;
  font-size:11px;
  cursor:hand;
  cursor:pointer;
  padding-top: 2px;
  padding-bottom: 2px;
}

.VertTopMenuItem td {color:#FFFFFF;}
.VertTopMenuItem td {color:#FFFFFF;}
.VertTopMenuItem td {color:#FFFFFF;}
td.VertTopMenuItem {color:#FFFFFF;}

.VertTopMenuItemHover
{
  color:#444444;
  background-color:#FEDF15;
  font-size:11px;
  cursor:hand;
  cursor:pointer;
  padding-top: 2px;
  padding-bottom: 2px;
}

td.VertMenuItem
{
  background-color:White;
  color:#444444;
  font-size:11px;
  border: solid 0px white;
  cursor:hand;
  cursor:pointer;
  padding-top: 3px;
  padding-bottom: 3px;
}

td.VertMenuItemHover
{
  background-color:#EEEEEE;
  color:#285D9F;
  font-size:11px;
  border: solid 0px white;
  cursor:hand;
  cursor:pointer;
  padding-top: 3px;
  padding-bottom: 3px;
}

.VertMenuItem
{
  background-color:White;
  color:#444444;
  font-size:11px;
  border: solid 0px white;
  cursor:hand;
  cursor:pointer;
  padding-top: 3px;
  padding-bottom: 3px;
}

.VertMenuItemHover
{
  background-color:#EEEEEE;
  color:#285D9F;
  font-size:11px;
  border: solid 0px white;
  cursor:hand;
  cursor:pointer;
  padding-top: 3px;
  padding-bottom: 3px;
}

.VertScrollItem
{
  background-color:#FBFBFB; 
  font-size:11px; 
  border:solid 0px #FBFBFB; 
  cursor:default;
  text-align:center;
}

.VertScrollItemH
{
  background-color:silver; 
  color:black; 
  font-size:11px; 
  border:solid 0px gray; 
  cursor:default;
  text-align:center;
}

.VertScrollItemA
{
  background-color: darkgray; 
  color:black; 
  font-size:11px; 
  border:solid 0px gray; 
  cursor:default;
  text-align:center;
}
*/

/*
-----------------------------------------------------------------------
 Component Art Tree Style:
-----------------------------------------------------------------------


.TreeView 
{ 
  background-color:transparent;
  border: #919191 0px solid; 
  padding-top:2px;
  cursor: default; 
  color: #FFFFFF;
  cursor: hand;
  cursor:pointer;
}

.TreeNode 
{ 
  font-size: 11px; 
  color: #FFFFFF;
  padding:0px;
  padding-left: 3px; 
  padding-right: 3px; 
  cursor: hand; 
  cursor:pointer;
}

.HoverTreeNode 
{ 
  color: #FFCC00;
  font-size: 11px; 
  padding:0px;
  padding-left: 3px; 
  padding-right: 3px; 
  text-decoration: none; 
  cursor: hand; 
  cursor:pointer;
}

.SelectedTreeNode 
{ 
  font-size: 11px; 
  padding:0px;
  padding-left: 3px; 
  padding-right: 3px; 
  background-color: #a0a0a0; 
  cursor: hand; 
  cursor:pointer;
}

.NodeEdit 
{
  border:1px silver solid;
  font-size: 11px;
}

*/

#AjaxShipping
{
    width: 99%;
    border: solid 1px #444;
    height: 100%;
    float: left;
    padding: 3px;
}
#AjaxShipping h4
{
    margin: 0 0 0.5em 0;
    font-weight: bold;
    font-size: 1.1em;
}
.AjaxShippingLabel
{
    width: 175px !important;
    float: left;
    font-weight: bold;
    clear: left;
}
#AjaxShipping select
{
    font-size: 1em;
    float: left;
}
#AjaxShipping input
{
    font-size: 1em;
    float: left;
}
#AjaxShippingEstimate
{
    float: left;
    clear: left;
    border-top: solid 1px #eee;
    width: 99%;
    padding: 3px 0;
}
#AjaxShippingZip
{
    float: left;
    clear: left;
    border-top: solid 1px #eee;
    width: 99%;
    padding: 3px 0;
}
#AjaxShippingState
{
    float: left;
    clear: left;
    border-top: solid 1px #eee;
    width: 99%;
    padding: 3px 0;
}
#AjaxShippingCountry
{
    float: left;
    clear: left;
    border-top: solid 1px #eee;
    width: 99%;
    padding: 3px 0;
}
#ShipQuote
{
    float: left;
    margin: 0;
}
/* Set Visibility to :hidden and uncomment 'display' to turn off */
#AjaxShippingCountry
{
    visibility: visible;
    /*display:none;*/
}
#AjaxShippingState
{
    visibility: visible;
    /*display:none;*/
}
.OrderOptionsTitle  {font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-size: 10pt; font-weight: bold; }
.OrderOptionsRowHeader  { font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-size: 8pt; font-weight: bold; }
.OrderOptionsName  {  font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-size: 8pt; font-weight: normal; }
.OrderOptionsDescription  {  font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-size: 8pt; font-weight: normal; }
.OrderOptionsPrice  { font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-size: 8pt; }

/* Kit Specific Styles */
#KitSideBar
{
	border:solid 1px Gray;
	position:absolute;
	z-index:99; /*999999999 !important;*/
	width:180px;
	background-color:#FFFFE1;
	/*right:10px;*/
	margin-left: 10px;
}

#KitAddToCartForm
{
	padding: 5px 5px 10px 5px;
	margin: 0px 5px 0px 5px;
	border-top: solid 1px Gray;
}

#KitPlaceHolder
{
	width:150px;
}

#KitTable
{
	width:500px;
	/*border-top: solid 1px red;*/
		
}

#KitTable td
{
	padding: 4px 0px 4px 0px;
}

#KitAddToCartFormHeader
{
	border-bottom:solid 3px #444;
	/*height:15px;*/
	text-align:center;
}

#KitAddToCartFormPrice
{
	line-height:30px;
	padding: 5px 5px 5px 5px;
	margin: 0px 5px 0px 5px;
	border-bottom: solid 1px Gray;
}

.KitAddToCartFormPrice
{
	/*line-height:30px;*/
	padding: 5px 5px 5px 5px;
	margin: 0px 5px 0px 5px;
	border-bottom: solid 1px Gray;
}

.KitAddToCartFormDetailsHeader
{
	text-align:center;
	text-decoration:underline;
}


.KitAddToCartFormDetails
{
	padding: 0px 5px 0px 5px;
	margin-left: 10px;
}

.KitTableGroup
{
	/*
	border-top:solid 1px Black;	
	border-left:solid 1px Black;	
	border-right:solid 1px Black;	
	border-bottom:solid 5px Green;	
	line-height:20px;
	*/
	background-color: #f5f5f5; 
}

.KitRowSpacer
{
	/*height:45px;*/
}

.KitSpacer
{
	/*
	border:solid 1px Lime;
	background-color:Aqua;
	*/
	height:10px;	
}



#KitAddToCartFormDetailsHeader
{
	text-align:center;
	text-decoration:underline;
}

#KitAddToCartFormDetails
{
	padding: 0px 5px 0px 5px;
	margin-left: 10px;
}

#KitSideBar input[type=button]
{
	width:120px;	
	text-align:center;
	margin-top:3px;
}


.KitRegularBasePrice
{
	font-style:italic;
	text-decoration:line-through;
}

.KitBasePrice
{
}

.KitBasePriceOnSale
{
}

.KitCustomizedPrice
{
}

.KitCustomizedPriceOnSale
{
}

.KitLevelPrice
{
}

.KitLevelPriceOnSale
{
}

#mp_footerTop
{
	width: 100%;
	margin-top: 30px;
}

#mp_footerTopNewsLetter
{
	font-family: Verdana;
	font-size: 11px;
    margin: 0px;
    width: 706px;
    height: 70;
    border: 4px solid #a6cd59;
    padding-left: 20px;
}

#mp_footerTopSurvey
{
	font-family: Verdana;
	font-size: 11px;
	margin: 0px;
    width: 266;
    height: 70;
    text-align: center;
    vertical-align: middle;
    border: 4px solid #a6cd59;
}

#mp_contentLeft
{
	margin: 0px;
	padding: 0px;
    width: 710px;
    height: auto;
    background-color: #ffffff;
    float: left;
}

#mp_contentRight
{
	margin: 0px 0px 0px 15px;
	padding: 0px;
	width: 275px;
    float: right;
    text-align: left;
    /* border: 1px solid black; */
    height: auto;
}

.mp_sectionTitle
{
	font-size: 12pt;
	font-weight: bold;
}

.mp_topleftcorner
{
	background-position: top;
	background-image: url(images/top_round_corner_left.jpg);
	width: 6px;
	height: 32px;
	background-repeat: no-repeat;
}
.mp_toprightcorner
{
	background-position: top;
	background-image: url(images/top_round_corner_right.jpg);
	width: 6px;
	height: 32px;
	background-repeat: no-repeat;
}

.mp_homeproduct
{
	background-color: rgb(207,215,196);
}

.mp_leftprdimg
{
	vertical-align: top;
	padding: 13px;
}

.mp_leftprddtl
{
	font-size: 12px;
	font-weight: bold;
	color: #996600;
	vertical-align: top;
	padding: 20px 13px 13px 0px;
}

.mp_bottom_cornerleft
{
	background-image: url(images/bottom_round_corner_left.jpg);
	width: 6px;
	height: 32px;
	float: left;
}

.mp_bottom_cornerright
{
	background-image: url(images/bottom_round_corner_right.jpg);
	width: 6px;
	height: 32px;
	float: right;
}

.errPnl
{
	padding-bottom:15px;
}

.loginErr
{
	font-weight: bold;
	color: #996600;
}

.formlabel
{
	font-weight: bold;
}

.goImgBtn
{
	vertical-align: middle;
}

a.forgotPwd:visited
{
	text-decoration: none;
}

a.forgotPwd:hover
{
	text-decoration: none;
}

a.forgotPwd
{
	text-decoration: none;
}

.tlft_corner
{
	width: 10px;
	height: 10px;
	background-image: url(images/corner_top_left.jpg);
}

.trgh_corner
{
	width: 10px;
	height: 10px;
	background-image: url(images/corner_top_right.jpg);
}

.blft_corner
{
	width: 10px;
	height: 10px;
	background-image: url(images/corner_btm_left.jpg);
}

.brgh_corner
{
	width: 10px;
	height: 10px;
	background-image: url(images/corner_btm_right.jpg);
}

.hrzn_top
{
	background-image: url(images/line_horizontal_top.jpg);
}

.hrzn_bottom
{
	background-image: url(images/line_horizontal_bottom.jpg);
}

.vrtc_left
{
	background-image: url(images/line_vertical_left.jpg);
}

.vrtc_right
{
	background-image: url(images/line_vertical_right.jpg);
}

.sld_top_lft_corner
{
	width: 10px;
	height: 42px;
	background-image: url(images/solid_corner_left.jpg);
}

.sld_top_rght_corner
{
	width: 10px;
	height: 42px;
	background-image: url(images/solid_corner_right.jpg);
}

.sld_top
{
	background-color: rgb(207,215,196);
	height: 42px;
}

.footerpagesheader_font {
	font-family: verdana;
	font-size: 16px;
	font-style: normal;
	line-height: normal;
	font-weight: bold;
	font-variant: normal;
	text-transform: none;
	color: #a6cd59;
}

.footerpagetext {
	font-family:verdana;
	color:#333333;
	text-decoration:none;
	font-size:12px;
}

.footerpagetext_bold {
	font-family:verdana;
	color:#333333;
	font-size:12px;
	font-weight:bold;
}


.footerpagesubhead {
	font-family:verdana;
	color:#cc6600;
	font-size:12px;
	font-weight:bold;
}

.footerpage A:link {
	font-size:12px;
	color: #333333;
	text-decoration: none;
	font-family: verdana;
	font-weight: bold;
	}


.footerpage A:visited {
	font-size:12px;
	color: #666666;
	text-decoration: none;	
	font-family: verdana;
	font-weight: bold;
	}
	
.footerpage A:hover {
	font-size:12px;
	color: #999999;
	text-decoration: underline;	
	font-family: verdana;
	font-weight: bold;
	}
	
.footerpage A:active {
	font-size:12px;
	color: #999999;
	text-decoration: none;
	font-family: verdana;
	font-weight: bold;
	}
	
div.footerpage {
font-family:verdana;
font-size:12px;
color:#333333;
margin-left:20px;
margin-right:20px;
margin-top:20px;
}

div.footerpagesheader {
	font-family: verdana;
	font-size: 16px;
	font-style: normal;
	line-height: normal;
	font-weight: bold;
	font-variant: normal;
	text-transform: none;
	color: #333300;
margin-left:0px;
margin-right:0px;
}

div.footerpage_indent {
font-family:verdana;
font-size:12px;
text-decoration:none;
color:#333333;
margin-left:20px;
margin-bottom:30px;
}


.mainContainer
{
	margin-top: 30px;
}

a.hometext {
	font-family: Verdana;
	font-size: 12px;
	color: #996600;
	text-decoration: none;
}

a.hometext:visited {
	font-family: Verdana;
	font-size: 12px;
	color: #996600;
	text-decoration: none;

}

a.hometext:hover {
	font-family: Verdana;
	font-size: 12px;
	color: #333333;
	text-decoration:underline;
}

.mp_frmTxt
{
	border: 1px solid #333333;
}
.colorwhite {
	color: #FFFFFF;
}
.bookpagetext {
line-height: 20px;
}

.readmore {
	font-size: xx-small;
	text-align: right;
	text-decoration: underline;
	font-weight: normal;
}
a.readmore {
	font-family: Verdana;
	font-size: 12px;
	color: #996600;
	text-decoration: none;
	text-decoration: underline;
	font-weight: normal;
}

a.readmore:visited {
	font-family: Verdana;
	font-size: 12px;
	color: #996600;
	text-decoration:underline;
	font-weight: normal;
}

a.readmore:hover {
	color: #333333;
	text-decoration: none;
	font-weight: normal;

}
a.readmore:link
{
	font-family: Verdana;
	font-size: 12px;
	color: #996600;
	text-decoration: none;
	text-decoration: underline;
	font-weight: normal;
}

a.rightsidelinks {
	text-decoration: none;
	font-family: verdana;
	font-size: small;
	font-weight: bold;
	color: #996600;
	text-decoration:underline;
}
a.rightsidelinks:visited {
	text-decoration:underline;
	color: #996600;
}

a.rightsidelinks:hover {
	color: #333333;
	text-decoration:none;

}
a.rightsidelinks:link
{
	font-family: Verdana;
	font-size: 12px;
	color: #996600;
	text-decoration: underline;
}

.bookpagelefttop 
{
	font-family:verdana;
	font-size:12px;
	color:#333333;
	text-align: center;
}
#cover {
	display:none;
	position:absolute;
	left:0px;
	top:0px;
	width:100%;
	height:100%;
	background:gray;
	filter:alpha(Opacity=50);
	opacity:0.5;
	-moz-opacity:0.5;
	-khtml-opacity:0.5
}
#dialog {
	display: none;
	width: 450px;
	position: absolute;
	z-index: 100;
	background: white;
	padding: 2px;
	font: 10pt tahoma;
	border: 1px solid gray;
	left: 50%;
	margin-left: -227px;
}
#dialog2 {
	display: none;
	width: 450px;
	position: absolute;
	z-index: 100;
	background: white;
	padding: 2px;
	font: 10pt tahoma;
	border: 1px solid gray;
	left: 50%;
	margin-left: -227px;
}
.excerpt
{
	margin-top: -15px;
	line-height: 18px;
	word-spacing: 1px;
	letter-spacing: .5px;
	text-align: left;
}
.excerpt_cells
{
	height:650px
}
.excerpt_cells_julia
{
	height:650px
}
.excerpt_cells_center
{
vertical-align:text-top
}
.author_inline_border
{
	border: 2px solid #000000;
	width: 100%;
	height: 100%;
}
.author_tabtext
{
		font-family: verdana;
	font-size: 12px;
	font-style: normal;
	line-height: normal;
	font-weight: bold;
	font-variant: normal;
	text-transform: none;
	color: #333300;
	text-align:center;
}
.dw_image_border {
	border: 2px solid #CFD7C4;
}
.mypets{ /*header of 1st demo*/
cursor: hand;
cursor: pointer;
padding: 2px 5px;
border: 1px solid gray;
background: #E1E1E1;
}

.openpet{ /*class added to contents of 1st demo when they are open*/
background: yellow;
}

.technology{ /*header of 2nd demo*/
cursor: hand;
cursor: pointer;
font-family:verdana;
font-size:12px;
text-decoration:none;
font-weight:bold;
color:#333333;
margin: 10px 0;
}
.QA{ /*header of 2nd demo*/
cursor: hand;
cursor: pointer;
font-family:verdana;
font-size:12px;
text-decoration:none;
font-weight:bold;
color:#333333;
margin: 10px 0;
}


.openlanguage{ /*class added to contents of 2nd demo when they are open*/
color:#996600;

}

.closedlanguage{ /*class added to contents of 2nd demo when they are closed*/
color:#333333;
}
div.poem_header
{
	font-family: verdana;
	font-size: 12px;
	font-style: normal;
	line-height: normal;
	font-variant: normal;
	text-transform: none;
	color: #333300;
	margin-left:0px;
	margin-right:0px;
}
#dialogA {
	display: none;
	width: 450px;
	position: absolute;
	z-index: 100;
	background: white;
	padding: 2px;
	font-family:verdana;
	font-size:12px;
	color:#333333;
	border: 1px solid gray;
	left: 50%;
	margin-left: -227px;
}
#dialogB {
	display: none;
	width: 450px;
	position: absolute;
	z-index: 100;
	background: white;
	padding: 2px;
	font-family:verdana;
	font-size:12px;
	color:#333333;
	border: 1px solid gray;
	left: 50%;
	margin-left: -227px;
}
#dialogC {
	display: none;
	width: 450px;
	position: absolute;
	z-index: 100;
	background: white;
	padding: 2px;
	font-family:verdana;
	font-size:12px;
	color:#333333;
	border: 1px solid gray;
	left: 50%;
	margin-left: -227px;
}
#dialogD {
	display: none;
	width: 450px;
	position: absolute;
	z-index: 100;
	background: white;
	padding: 2px;
	font-family:verdana;
	font-size:12px;
	color:#333333;
	border: 1px solid gray;
	left: 50%;
	margin-left: -227px;
}
div.poem {
	font-family: verdana;
	font-size: 12px;
	color: #333333;
	height: 400px;
	width: 450px;
	overflow: auto;
	padding: 10px;
	border: 1px solid #666;
	background-color: #CFD7C4;
}
div.publications {
font-family:verdana;
font-size:12px;
color:#333333;
margin-top:20px;
}
#dialogE {
	display: none;
	width: 750px;
	position: absolute;
	z-index: 100;
	background: white;
	padding: 2px;
	font-family:verdana;
	font-size:12px;
	color:#333333;
	border: 1px solid gray;
	left: 35%;
	margin-left: -227px;
}
#dialogChar {
	display: none;
	width: 750px;
	position: absolute;
	z-index: 100;
	background: white;
	padding: 2px;
	font-family:verdana;
	font-size:12px;
	color:#333333;
	border: 1px solid gray;
	left: 35%;
	margin-left: -227px;
}

#dialog3 {
	display: none;
	width: 450px;
	position: absolute;
	z-index: 100;
	background: white;
	padding: 2px;
	font: 10pt tahoma;
	border: 1px solid gray;
	left: 50%;
	margin-left: -227px;
}
div.essay {
	font-family: verdana;
	font-size: 12px;
	color: #333333;
	height: 345px;
	width: 650px;
	overflow: auto;
	padding: 10px;

}
.videotable {
	line-height: 16px;
	border-bottom-style: solid;
	border-bottom-width: 1px;
	border-bottom-color: #CFD7C4;
}
#seo_contentLeft
{
	margin: 0px;
	padding: 0px;
    width: 100%;
    height: auto;
    background-color: #ffffff;
    float: left;
}
#seo_contentRight
{
	margin: 0px 0px 0px 15px;
	padding: 0px;
	width: 275px;
	float: right;
	text-align: left; /* border: 1px solid black; */;
	height: 450px;
	border-left-style: solid;
	border-left-width: thin;
	border-left-color: #CFD7C4;
}
div.seo_author {
	font-family: verdana;
	font-size: 16px;
	font-style: normal;
	line-height: normal;
	font-weight: bold;
	font-variant: normal;
	text-transform: none;
	color: #333300;
margin-left:20px;
margin-right:0px;
}
div.seo_footer {
font-family:verdana;
font-size:12px;
color:#333333;
margin-left:20px;
margin-right:20px;
margin-top:20px;
line-height:18px;
}
a.imglink:active
{
	border:none;
}
div.issues {
	font-family: verdana;
	font-size: 12px;
	color: #333333;
	height: 245px;
	width: 450px;
	overflow: auto;
	padding: 10px;
}


/* info area */
div.player {
	height: 40px;
	background: #000 url('http://www.mintedprose.com/media/images/h80.png') no-repeat;
	opacity: 0.7;
	color: #fff;
	text-align: left;
	padding: 5px 15px;
	font-family: "bitstream vera sans","trebuchet ms";
	font-size: 12px;
	border-top: 1px solid #ccc;
	width:330px;

}


/* duration data inside info area */
div.player span {
	color:#99FF99;
	display:block;
	font-weight:bold;
}


.chromestyle{
	width: 100%;
	font-weight: bold;
	font-family: Verdana;
}

.chromestyle:after{ /*Add margin between menu and rest of content in Firefox*/
content: "."; 
display: block; 
height: 0; 
clear: both; 
visibility: hidden;
}

.chromestyle ul{
	border: 1px solid #A6CD59;
	width: 100%;
	background: none center;
/*THEME CHANGE HERE*/	padding: 4px 0;
	margin: 0;
	text-align: left;
	background-color: #CFD7C4;
	text-decoration: none;
}

.chromestyle ul li{
display: inline;
}

.chromestyle ul li a{
color: #494949;
padding: 4px 7px;
margin: 0;
text-decoration: none;
border-right: 0px solid #A6CD59;
}

.chromestyle ul li a:hover, .chromestyle ul li a.selected{
	/*script dynamically adds a class of "selected" to the current active menu item*/
background: none center center; /*THEME CHANGE HERE*/
background-color: #CFD7C4;
}
.chromestyle a:link, a:visited{
	text-decoration: none;
}

/* ######### Style for Drop Down Menu ######### */

.dropmenudiv{
	position: absolute;
	top: 0;
	border: 0px solid #A6CD59;
/*THEME CHANGE HERE*/	border-bottom-width: 0;
	font-weight: bold;
	font-family: Verdana;
	line-height: 18px;
	z-index: 100;
	background-color: #CFD7C4;
	width: 200px;
	visibility: hidden;
	filter: progid:DXImageTransform.Microsoft.Shadow(color=#017a40,direction=135,strength=4);
	font-size: 8pt;
}


.dropmenudiv a{
width: auto;
display: block;
text-indent: 3px;
border-bottom: 1px solid #A6CD59; /*THEME CHANGE HERE*/
padding: 2px 0;
text-decoration: none;
font-weight: bold;
color: black;
}

* html .dropmenudiv a{ /*IE only hack*/
width: 100%;
}

.dropmenudiv a:hover{
	/*THEME CHANGE HERE*/
background-color: #F0F0F0;
}
.dropmenudiv a:link{
	/*THEME CHANGE HERE*/
text-decoration: none;}
.dropmenudiv a:visited{
	/*THEME CHANGE HERE*/
text-decoration: none;}

.table1{
	background-color:rgb(207,215,196); height: 65px; width:273px; border:0;
}

.tr1{
	height:3px;background-color:#017a40;
}
div.dwtbottom{
	clear:both;height:14px;
}

div.footerpage16 {
font-family:verdana;
font-size:12px;
color:#333333;
margin-left:20px;
margin-right:20px;
margin-top:20px;
line-height:16pt;
}

div.footerpage18 {
font-family:verdana;
font-size:12px;
color:#333333;
margin-left:20px;
margin-right:20px;
margin-top:20px;
line-height:18px;
}
div.footerpage20 {
font-family:verdana;
font-size:12px;
color:#333333;
margin-left:20px;
margin-right:20px;
margin-top:20px;
line-height:20px;
}

div.footerpage_indent16 {
font-family:verdana;
font-size:12px;
text-decoration:none;
color:#333333;
margin-left:20px;
margin-bottom:30px;
line-height:16pt;
}

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

.about1 {
	font-family:verdana;
	color:#cc6600;
	font-size:12px;
	font-weight:bold;
	margin-right:800px;
}

.author1{
	width: 100%; height:375px; vertical-align:top;
}

.author2{
	width:325px; text-align:left; line-height: 12px;
}

.author3{
	width: 100%; 
	height:300px;
	border:0;
}

.author4{
	padding-bottom:0px;
	height:40px;
	width:278px;
}

.author5{
	width:273px;
	background-color:rgb(207,215,196);
	height: 25px; 
	border:0;
}

.author6{
	width: 95%;
	height:250px;
}

.author7{
	width: 265px;
	height:225px;
}

.line18{
	line-height:18px;
}
.line16{
	line-height:16pt;
}
.author8{
	width:129px;
	height:192px;
}
.author9{
	width: 98%;
	height: 105px;
	text-align:center;
}

.footerpagetext18 {
	font-family:verdana;
	color:#333333;
	text-decoration:none;
	font-size:12px;
	line-height:18px;
}

.author10{
	margin-left:400px;
	margin-top:11px;
}

.author11{
	width: 800px;
	height: 780px;
}

.default1{
	width: 700px;
	height: 403px;
}
div.default2{
	margin-top: 20px;
	font-size: 12px;
	margin-left: 50px;
	width: 600px;
	line-height: 22px;
}
.homebody{
	font-size: 12px;
}
.dtd1{
	text-align:center;
	width:40px;
}
div.d3{
	width: auto;
	text-align: left;
	margin-top: 20px;
}
.d4{
	width:100%;
	height:32px;
}

div.essay1 {
	font-family: verdana;
	font-size: 12px;
	color: #333333;
	height: 345px;
	width: 650px;
	overflow: auto;
	padding: 10px;
	text-align:left;
	line-height:18px;

}

div.g1{
	width: auto; text-align: left; margin-top: 20px;
}
.g2 
{
	font-family:verdana;
	font-size:12px;
	color:#333333;
	text-align: center;
	width:270px;
}
.hr1{
	width: 80%; 
	height: 1px;
}
div.g3 {
font-family:verdana;
font-size:12px;
color:#333333;
margin-left:20px;
margin-right:20px;
margin-top:20px;
text-align:center;
line-height:20px;
}
.g4
{
	font-family:verdana;
	font-size:12px;
	color:#333333;
	text-align: center;
	width:10px;
}
.g5
{
	background-color: rgb(207,215,196);
	width:100%;
	height:600px;
}
.g6 {
	color: #FFFFFF;
	height:1px;
	width:80%;
}
.g7{
	width:100%;
	height:32px;
}
.g8{
	height:630px;
	width:1000px;
	border:0;
}
div.d5{
	visibility:hidden; display:none;
}
.d6{
	cursor:hand; cursor:pointer;
}

.g9{
	width: 100%; height: 100%
}
div.essay2 {
	font-family: verdana;
	font-size: 12px;
	color: #333333;
	height: 345px;
	width: 650px;
	overflow: auto;
	padding: 10px;
	text-align:left;
	line-height:18px;

}
div.club1 {
text-indent:-16px;
line-height:18px;
margin-left:20px;
}

.excerpt_header {
	color: #CC6600;
}


.share li{
	padding-right:7px;
}


/* 
VideoJS Default Styles (http://videojs.com)
Version 2.0.2

REQUIRED STYLES (be careful overriding)
================================================================================ */
/* Box containing video, controls, and download links.
   Will be set to the width of the video element through JS
   If you want to add some kind of frame or special positioning, use another containing element, not video-js-box. */
.video-js-box { text-align: left; position: relative; line-height: 0 !important; margin: 0; padding: 0 !important; border: none !important;  }

/* Video Element */
video.video-js { background-color: #000; position: relative; padding: 0; }

.vjs-flash-fallback { display: block; }

/* Poster Overlay Style */
.video-js-box img.vjs-poster { display: block; position: absolute; left: 0; top: 0; width: 100%; height: 100%; margin: 0; padding: 0; cursor: pointer; }
/* Subtiles Style */
.video-js-box .vjs-subtitles { color: #fff; font-size: 20px; text-align: center; position: absolute; bottom: 40px; left: 0; right: 0; }

/* Fullscreen styles for main elements */
.video-js-box.vjs-fullscreen { position: fixed; left: 0; top: 0; right: 0; bottom: 0; overflow: hidden; z-index: 1000; }
.video-js-box.vjs-fullscreen video.video-js,
.video-js-box.vjs-fullscreen .vjs-flash-fallback { position: relative; top: 0; left: 0; width: 100%; height: 100%; z-index: 1000; }
.video-js-box.vjs-fullscreen img.vjs-poster { z-index: 1001; }
.video-js-box.vjs-fullscreen .vjs-spinner { z-index: 1001; }
.video-js-box.vjs-fullscreen .vjs-controls { z-index: 1003; }
.video-js-box.vjs-fullscreen .vjs-big-play-button { z-index: 1004; }
.video-js-box.vjs-fullscreen .vjs-subtitles { z-index: 1004; }

/* Styles Loaded Check */
.vjs-styles-check { height: 5px; position: absolute; }
/* Controls Below Video */
.video-js-box.vjs-controls-below .vjs-controls { position: relative; opacity: 1; background-color: #000; }
.video-js-box.vjs-controls-below .vjs-subtitles { bottom: 75px; } /* Account for height of controls below video */

/* DEFAULT SKIN (override in another file)
================================================================================
Using all CSS to draw the controls. Images could be used if desired.
Instead of editing this file, I recommend creating your own skin CSS file to be included after this file,
so you can upgrade to newer versions easier. */

/* Controls Layout 
  Using absolute positioning to position controls */
.video-js-box .vjs-controls {
  position: absolute; margin: 0; opacity: 0.85; color: #fff;
  display: none; /* Start hidden */
  left: 0; right: 0; /* 100% width of video-js-box */ 
  width: 100%;
  bottom: 0px; /* Distance from the bottom of the box/video. Keep 0. Use height to add more bottom margin. */
  height: 35px; /* Including any margin you want above or below control items */
  padding: 0; /* Controls are absolutely position, so no padding necessary */
}

.video-js-box .vjs-controls > div { /* Direct div children of control bar */
  position: absolute; /* Use top, bottom, left, and right to specifically position the control. */
  text-align: center; margin: 0; padding: 0;
  height: 25px; /* Default height of individual controls */
  top: 5px; /* Top margin to put space between video and controls when controls are below */

  /* CSS Background Gradients 
     Using to give the aqua-ish look. */
  /* Default */ background-color: #0B151A;
  /* Webkit  */ background: #1F3744 -webkit-gradient(linear, left top, left bottom, from(#0B151A), to(#1F3744)) left 12px;
  /* Firefox */ background: #1F3744 -moz-linear-gradient(top,  #0B151A,  #1F3744) left 12px;

  /* CSS Curved Corners */
  border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px;

  /* CSS Shadows */
  box-shadow: 1px 1px 2px #000; -webkit-box-shadow: 1px 1px 2px #000; -moz-box-shadow: 1px 1px 2px #000;
}

/* Placement of Control Items 
   - Left side of pogress bar, use left & width
   - Rigth side of progress bar, use right & width
   - Expand with the video (like progress bar) use left & right */
.vjs-controls > div.vjs-play-control       { left: 5px;   width: 25px;  }
.vjs-controls > div.vjs-progress-control   { left: 35px;  right: 165px; } /* Using left & right so it expands with the width of the video */
.vjs-controls > div.vjs-time-control       { width: 75px; right: 90px;  } /* Time control and progress bar are combined to look like one */
.vjs-controls > div.vjs-volume-control     { width: 50px; right: 35px;  }
.vjs-controls > div.vjs-fullscreen-control { width: 25px; right: 5px;   }

/* Removing curved corners on progress control and time control to join them. */
.vjs-controls > div.vjs-progress-control {
  border-top-right-radius: 0; -webkit-border-top-right-radius: 0; -moz-border-radius-topright: 0;
  border-bottom-right-radius: 0; -webkit-border-bottom-right-radius: 0; -moz-border-radius-bottomright: 0;
}
.vjs-controls > div.vjs-time-control { 
  border-top-left-radius: 0; -webkit-border-top-left-radius: 0; -moz-border-radius-topleft: 0;
  border-bottom-left-radius: 0; -webkit-border-bottom-left-radius: 0; -moz-border-radius-bottomleft: 0;
}

/* Play/Pause
-------------------------------------------------------------------------------- */
.vjs-play-control { cursor: pointer !important; }
/* Play Icon */
.vjs-play-control span { display: block; font-size: 0; line-height: 0; }
.vjs-paused .vjs-play-control span {
  width: 0; height: 0; margin: 8px 0 0 8px;
  /* Drawing the play triangle with borders - http://www.infimum.dk/HTML/slantinfo.html */
  border-left: 10px solid #fff; /* Width & Color of play icon */
  /* Height of play icon is total top & bottom border widths. Color is transparent. */
  border-top: 5px solid rgba(0,0,0,0); border-bottom: 5px solid rgba(0,0,0,0);
}
.vjs-playing .vjs-play-control span {
  width: 3px; height: 10px; margin: 8px auto 0;
  /* Drawing the pause bars with borders */
  border-top: 0px; border-left: 3px solid #fff; border-bottom: 0px; border-right: 3px solid #fff;
}

/* Progress
-------------------------------------------------------------------------------- */
.vjs-progress-holder { /* Box containing play and load progresses */
  position: relative; padding: 0; overflow:hidden; cursor: pointer !important;
  height: 9px; border: 1px solid #777;
  margin: 7px 1px 0 5px; /* Placement within the progress control item */
  border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px;
}
.vjs-progress-holder div { /* Progress Bars */
  position: absolute; display: block; width: 0; height: 9px; margin: 0; padding: 0;
  border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px;
}
.vjs-play-progress {
  /* CSS Gradient */
  /* Default */ background: #fff;
  /* Webkit  */ background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#777));
  /* Firefox */ background: -moz-linear-gradient(top,  #fff,  #777);
}
.vjs-load-progress {
  opacity: 0.8;
  /* CSS Gradient */
  /* Default */ background-color: #555;
  /* Webkit  */ background: -webkit-gradient(linear, left top, left bottom, from(#555), to(#aaa));
  /* Firefox */ background: -moz-linear-gradient(top,  #555,  #aaa);
}

/* Time Display
-------------------------------------------------------------------------------- */
.vjs-controls .vjs-time-control { font-size: 10px; line-height: 1; font-weight: normal; font-family: Helvetica, Arial, sans-serif; }
.vjs-controls .vjs-time-control span { line-height: 25px; /* Centering vertically */ }

/* Volume
-------------------------------------------------------------------------------- */
.vjs-volume-control { cursor: pointer !important; }
.vjs-volume-control div { display: block; margin: 0 5px 0 5px; padding: 4px 0 0 0; }
/* Drawing the volume icon using 6 span elements */
.vjs-volume-control div span { /* Individual volume bars */
  float: left; padding: 0;
  margin: 0 2px 0 0; /* Space between */
  width: 5px; height: 0px; /* Total height is height + bottom border */
  border-bottom: 18px solid #555; /* Default (off) color and height of visible portion */
}
.vjs-volume-control div span.vjs-volume-level-on { border-color: #fff; /* Volume on bar color */ }
/* Creating differnt bar heights through height (transparent) and bottom border (visible). */
.vjs-volume-control div span:nth-child(1) { border-bottom-width: 2px; height: 16px; }
.vjs-volume-control div span:nth-child(2) { border-bottom-width: 4px; height: 14px; }
.vjs-volume-control div span:nth-child(3) { border-bottom-width: 7px; height: 11px; }
.vjs-volume-control div span:nth-child(4) { border-bottom-width: 10px; height: 8px; }
.vjs-volume-control div span:nth-child(5) { border-bottom-width: 14px; height: 4px; }
.vjs-volume-control div span:nth-child(6) { margin-right: 0; }

/* Fullscreen
-------------------------------------------------------------------------------- */
.vjs-fullscreen-control { cursor: pointer !important; }
.vjs-fullscreen-control div {
  padding: 0; text-align: left; vertical-align: top; cursor: pointer !important; 
  margin: 5px 0 0 5px; /* Placement within the fullscreen control item */
  width: 20px; height: 20px;
}
/* Drawing the fullscreen icon using 4 span elements */
.vjs-fullscreen-control div span { float: left; margin: 0; padding: 0; font-size: 0; line-height: 0; width: 0; text-align: left; vertical-align: top; }
.vjs-fullscreen-control div span:nth-child(1) { /* Top-left triangle */
  margin-right: 3px; /* Space between top-left and top-right */
  margin-bottom: 3px; /* Space between top-left and bottom-left */
  border-top: 6px solid #fff; /* Height and color */
  border-right: 6px solid rgba(0,0,0,0);  /* Width */
}
.vjs-fullscreen-control div span:nth-child(2) { border-top: 6px solid #fff; border-left: 6px solid rgba(0,0,0,0); }
.vjs-fullscreen-control div span:nth-child(3) { clear: both; margin: 0 3px 0 0; border-bottom: 6px solid #fff; border-right: 6px solid rgba(0,0,0,0); }
.vjs-fullscreen-control div span:nth-child(4) { border-bottom: 6px solid #fff; border-left: 6px solid rgba(0,0,0,0); }
/* Icon when video is in fullscreen mode */
.vjs-fullscreen .vjs-fullscreen-control div span:nth-child(1) { border: none; border-bottom: 6px solid #fff; border-left: 6px solid rgba(0,0,0,0); }
.vjs-fullscreen .vjs-fullscreen-control div span:nth-child(2) { border: none; border-bottom: 6px solid #fff; border-right: 6px solid rgba(0,0,0,0); }
.vjs-fullscreen .vjs-fullscreen-control div span:nth-child(3) { border: none; border-top: 6px solid #fff; border-left: 6px solid rgba(0,0,0,0); }
.vjs-fullscreen .vjs-fullscreen-control div span:nth-child(4) { border: none; border-top: 6px solid #fff; border-right: 6px solid rgba(0,0,0,0); }

/* Download Links - Used for browsers that don't support any video.
---------------------------------------------------------*/
.vjs-no-video { font-size: small; line-height: 1.5; }

/* Big Play Button (at start)
---------------------------------------------------------*/
div.vjs-big-play-button {
  display: none; /* Start hidden */ z-index: 2;
  position: absolute; top: 50%; left: 50%; width: 80px; height: 80px; margin: -43px 0 0 -43px; text-align: center; vertical-align: center; cursor: pointer !important;
  border: 3px solid #fff; opacity: 0.9;
  border-radius: 20px; -webkit-border-radius: 20px; -moz-border-radius: 20px;
  
  /* CSS Background Gradients */
  /* Default */ background-color: #0B151A;
  /* Webkit  */ background: #1F3744 -webkit-gradient(linear, left top, left bottom, from(#0B151A), to(#1F3744)) left 40px;
  /* Firefox */ background: #1F3744 -moz-linear-gradient(top,  #0B151A,  #1F3744) left 40px;

  /* CSS Shadows */
  box-shadow: 4px 4px 8px #000; -webkit-box-shadow: 4px 4px 8px #000; -moz-box-shadow: 4px 4px 8px #000;
}
div.vjs-big-play-button:hover {
  box-shadow: 0px 0px 80px #fff; -webkit-box-shadow: 0px 0px 80px #fff; -moz-box-shadow: 0px 0px 80px #fff;
}

div.vjs-big-play-button span {
  display: block; font-size: 0; line-height: 0;
  width: 0; height: 0; margin: 20px 0 0 23px;
  /* Drawing the play triangle with borders - http://www.infimum.dk/HTML/slantinfo.html */
  border-left: 40px solid #fff; /* Width & Color of play icon */
  /* Height of play icon is total top & bottom border widths. Color is transparent. */
  border-top: 20px solid rgba(0,0,0,0); border-bottom: 20px solid rgba(0,0,0,0);
}

/* Spinner Styles
---------------------------------------------------------*/
/* CSS Spinners by Kilian Valkhof - http://kilianvalkhof.com/2010/css-xhtml/css3-loading-spinners-without-images/ */
.vjs-spinner { display: none; position: absolute; top: 50%; left: 50%; width: 100px; height: 100px; z-index: 1; margin: -50px 0 0 -50px;
  /* Scaling makes the circles look smoother. */
  transform: scale(0.5); -webkit-transform:scale(0.5); -moz-transform:scale(0.5);
}
/* Spinner circles */
.vjs-spinner div { position:absolute; left: 40px; top: 40px; width: 20px; height: 20px; background: #fff;
  border-radius: 20px; -webkit-border-radius: 20px; -moz-border-radius: 20px;
  border: 1px solid #ccc; /* Added border so can be visible on white backgrounds */
}
/* Each circle */
.vjs-spinner div:nth-child(1) { opacity: 0.12; transform: rotate(000deg) translate(0, -40px) scale(0.1); -webkit-transform: rotate(000deg) translate(0, -40px) scale(0.1); -moz-transform: rotate(000deg) translate(0, -40px) scale(0.1); }
.vjs-spinner div:nth-child(2) { opacity: 0.25; transform: rotate(045deg) translate(0, -40px) scale(0.2); -webkit-transform: rotate(045deg) translate(0, -40px) scale(0.2); -moz-transform: rotate(045deg) translate(0, -40px) scale(0.2); }
.vjs-spinner div:nth-child(3) { opacity: 0.37; transform: rotate(090deg) translate(0, -40px) scale(0.4); -webkit-transform: rotate(090deg) translate(0, -40px) scale(0.4); -moz-transform: rotate(090deg) translate(0, -40px) scale(0.4); }
.vjs-spinner div:nth-child(4) { opacity: 0.50; transform: rotate(135deg) translate(0, -40px) scale(0.6); -webkit-transform: rotate(135deg) translate(0, -40px) scale(0.6); -moz-transform: rotate(135deg) translate(0, -40px) scale(0.6); }
.vjs-spinner div:nth-child(5) { opacity: 0.62; transform: rotate(180deg) translate(0, -40px) scale(0.8); -webkit-transform: rotate(180deg) translate(0, -40px) scale(0.8); -moz-transform: rotate(180deg) translate(0, -40px) scale(0.8); }
.vjs-spinner div:nth-child(6) { opacity: 0.75; transform: rotate(225deg) translate(0, -40px) scale(1.0); -webkit-transform: rotate(225deg) translate(0, -40px) scale(1.0); -moz-transform: rotate(225deg) translate(0, -40px) scale(1.0); }
.vjs-spinner div:nth-child(7) { opacity: 0.87; transform: rotate(270deg) translate(0, -40px) scale(1.1); -webkit-transform: rotate(270deg) translate(0, -40px) scale(1.1); -moz-transform: rotate(270deg) translate(0, -40px) scale(1.1); }
.vjs-spinner div:nth-child(8) { opacity: 1.00; transform: rotate(315deg) translate(0, -40px) scale(1.3); -webkit-transform: rotate(315deg) translate(0, -40px) scale(1.3); -moz-transform: rotate(315deg) translate(0, -40px) scale(1.3); }