/**
 * Main CSS Stylesheet
 *
 * @copyright Copyright BizShop/Steve Veltkamp,2011
 */

/* Typography */

    b {
    font: 1em/1.5em bold verdana,serif;
    color: green;
}
    a {
        color:#DC143C;
    }
    a:hover {
        color:#800000;
        background: yellow;
        }
    h1, h2, h3 {
        margin: auto;
        text-align: center;
        padding:0;
    }
    p {
        margin:.4em 0 .8em 0;
        padding:0;
    }
    img {
 		margin:10px 0 5px;
		max-width: 100%;
   }


a img {border: none; }

a:link, #navEZPagesTOC ul li a {
	color: #3300FF;
	text-decoration: none;
	}
 
a:visited {
	color: #3300FF;
	text-decoration: none;
	}

a:hover, #navEZPagesTOC ul li a:hover, #navMain ul li a:hover, #navSupp ul li a:hover, #navCatTabs ul li a:hover #navTop ul li a:hover{
	color: #FF0000;
	}

a:active {
	color: #0000FF;
	}

h1 {
	font-size: 1.5em;
	}

h2 {
	font-size: 1.4em;
	}

h3 {
	font-size: 1.3em;
	}

h4, h5, h6, LABEL, h4.optionName, LEGEND, ADDRESS, .larger{
	font-size: 1.1em;
	}

.biggerText {
	font-size: 1.2em;
	}
.tiny {
	font-size: 0.9em;
}

h1, h2, h3, h4, h5, h6 {
	margin: 0.3em 3px;
}
h1#indexDefaultHeading {
margin: -15px -15px -5px -15px;
}

CODE {
	font-family: arial, verdana, helvetica, sans-serif;
	font-size: 1em;
	}

P, ADDRESS {
	padding: 0.5em;
	}

ADDRESS {
	font-style: normal;
	}

.clearBoth {
	clear: both;
	}

HR {
	height: 1px;
	margin-top: 0.5em;
	border: none;
	border-bottom: 1px solid #9a9a9a;
	}
td {
	font-size: .9em;
	}

/*warnings, errors, messages*/
.messageStackWarning, .messageStackError, .messageStackSuccess, .messageStackCaution {
	line-height: 1.8em;
	padding: 0.2em;
	border: 1px solid #000000;
	}

.messageStackWarning, .messageStackError {
	background-color: #ff0000;
	color: #ffffff;
	}

.messageStackSuccess {
	background-color: #99FF99;
	color: #000000;
	}

.messageStackCaution {
	background-color: #FFFF66;
	color: #000000;
	}

#tagline {
	color:#000000;
	font-size: 2em;
	text-align : center;
	vertical-align: middle;
	}

#sendSpendWrapper {
	border: 1px solid #cacaca;
	float: right;
	margin: 0em 0em 1em 1em;
	}

.floatingBox, #accountLinksWrapper, #sendSpendWrapper, #checkoutShipto, #checkoutBillto, #navEZPagesTOCWrapper {
	margin: 0;
	width: 47%;
	}

.wrapperAttribsOptions {
	margin: 0.3em 0em;
	}

/*navigation*/

.navSplitPagesResult {}
.navSplitPagesLinks {}
.navNextPrevCounter {
	margin: 0em;
	font-size: 0.9em;
	}
.navNextPrevList {
	display: inline;
	white-space: nowrap;
	margin: 0;
	padding:  0.5em 0em;
	list-style-type: none;
	}

#navMainWrapper, #navSuppWrapper, #navCatTabsWrapper {
	margin: 0em;
	background-color: #9a9a9a;
	font-weight: bold;
	color: #ffffff;
	height: 1%;
	width: 100%;
	}
#navTop {
display: inline;
margin-top: -30px;
float:right;
}

#navMain ul, #navSupp ul, #navCatTabs ul, #navTop ul {
	margin: 0;
	padding:  0.5em 0em;
	list-style-type: none;
	text-align: center;
	line-height: 1.5em;
	}

#navMain ul li, #navSupp ul li, #navCatTabs ul li,#navTop ul li {
	display: inline;
	}

#navMain ul li a, #navSupp ul li a, #navCatTabs ul li a, #navTop ul li a{
	text-decoration: none;
	padding: 0em 0.5em;
	margin: 0;
	color: #ffffff;
	white-space: nowrap;
	}

#navEZPagesTOCWrapper {
	font-weight: bold;
	float: right;
	height: 1%;
	border: 1px solid #000000;
	}

#navEZPagesTOC ul {
	margin: 0;
	padding:  0.5em 0em;
	list-style-type: none;
	line-height: 1.5em;
	}

#navEZPagesTOC ul li {
	white-space: nowrap;
	}

#navEZPagesTOC ul li a {
	padding: 0em 0.5em;
	margin: 0;
	}

#navCategoryIcon, .buttonRow, #indexProductListCatDescription {
	margin: 0.5em;
	}

#navMainSearch {
	float: right;
	}

#navBreadCrumb {
	background-color: #cc9900;
	}

#navEZPagesTop {
	background-color: #ffff33;
	}

#navBreadCrumb, #navEZPagesTop {
	font-size: 0.95em;
	font-weight: bold;
	margin: 0em;
	padding: 0.5em;
	}

#navColumnOne {
	    background-image: url('../images/C-thru.gif');
            background-color: #fffccc;
	border-right-width: 5px;
    border-right-style: groove;
    padding-right: 1px;
}

#navColumnTwo {
	    background-image: url('../images/C-thru.gif');
        background-color: #ffdead;
    }

/*The main content classes*/
#contentColumnMain, #navColumnOne, #navColumnTwo, .centerBoxContents, .specialsListBoxContents, .categoryListBoxContents, .additionalImages, .centerBoxContentsSpecials, .centerBoxContentsAlsoPurch, .centerBoxContentsFeatured, .centerBoxContentsNew, .alert {
	vertical-align: top;
	}

/*.content,*/ #productDescription, .shippingEstimatorWrapper {
	/*font-size: 1.2em;*/
	padding: 0.5em;
	}

.alert {
	color: #FF0000;
	margin-left: 0.5em;
	}
.advisory {}
.important {
	font-weight: bold;
	}
.notice {}
.rating{}
.gvBal {
	float: right;
	}
.centerColumn, #bannerOne, #bannerTwo,  #bannerThree,  #bannerFour,  #bannerFive,  #bannerSix {
	padding: 0.8em;
	}

.smallText, #siteinfoLegal, #siteinfoCredits, #siteinfoStatus, #siteinfoIP {
	font-size: 0.9em;
	}

/*Shopping Cart Display*/
#cartAdd {
	float: right;
	text-align: center;
	margin: 1em;
	border: 1px solid #000000;
	padding: 1em;
	}

.tableHeading TH {
	border-bottom: 1px solid #cccccc;
	}

.tableHeading, #cartSubTotal {
	background-color: #e9e9e9;
	 }

#cartSubTotal {
	border-top: 1px solid #cccccc;
	font-weight: bold;
	text-align: right;
	line-height: 2.2em;
	padding-right: 2.5em;
	}

.tableRow, .tableHeading, #cartSubTotal {
	height: 2.2em;
	}

.cartProductDisplay, .cartUnitDisplay, .cartTotalDisplay, .cartRemoveItemDisplay, .cartQuantityUpdate, .cartQuantity, #cartInstructionsDisplay, .cartTotalsDisplay   {
	padding: 0.5em 0em;
	}

.cartUnitDisplay, .cartTotalDisplay {
	text-align: right;
	padding-right: 0.2em;
	}

#scUpdateQuantity {
	width: 2em;
	}

.cartQuantity {
	width: 4.7em;
	}

.cartNewItem {
	color: #33CC33;
	position: relative;  /*do not remove-fixes stupid IEbug*/
	}

.cartOldItem {
	color: #660099;
	position: relative;   /*do not remove-fixes stupid IEbug*/
	}

.cartBoxTotal {
	text-align: right;
	font-weight: bold;
	}

.cartRemoveItemDisplay {
	width: 3.5em;
	}

.cartAttribsList {
	margin-left: 1em;
	}
.leftcol {
	display: block;
	width: 50%; 
}
#mediaManager {
	width: 50%; 
	margin: 0.2em;
	padding: 0.5em;
	}
.mediaTitle {
	float: left;
	}
.mediaTypeLink {
	float: right;
	}

.normalprice, .productSpecialPriceSale {
	text-decoration: line-through;
	}

.productSpecialPrice, .productSalePrice, .productSpecialPriceSale, .productPriceDiscount {
	color: #ff0000;
	}

.orderHistList {
	margin: 1em;
	padding: 0.2em 0em;
	} 

#cartBoxListWrapper ul, #ezPageBoxList ul {
	list-style-type: none;
	}

#cartBoxListWrapper li, #ezPageBoxList li, .cartBoxTotal {
	margin: 0;
	padding: 0.2em 0em;
	} 

#cartBoxEmpty, #cartBoxVoucherBalance {
	font-weight: bold;
	}

.totalBox {
	width: 5.5em;
	text-align: right;
	padding: 0.2em;
	}

.lineTitle, .amount {
	text-align: right;
	padding: 0.2em;
	}

.amount {
	width: 5.5em;
	}

/*Image Display*/
#productMainImage, #reviewsInfoDefaultProductImage, #productReviewsDefaultProductImage, #reviewWriteMainImage {
	margin: 0em 1em 1em 0em ;
	}

.categoryIcon {}

#cartImage {
	margin: 0.5em 1em;
	}

/*Attributes*/
.attribImg {
	width: 20%;
	margin: 0.3em 0em;
}

.attributesComments {}

/*list box contents*/
.centerBoxContents, .specialsListBoxContents, .categoryListBoxContents, .additionalImages, .centerBoxContentsSpecials, .centerBoxContentsAlsoPurch, .centerBoxContentsFeatured, .centerBoxContentsNew {
	margin: 1em 0em;
	}

/*sideboxes*/
.columnLeft {}

h3.leftBoxHeading, h3.leftBoxHeading a {
	font-size: 1em;
	color: #ffffff;
	}

.leftBoxHeading, .centerBoxHeading {
	margin: 0em;
	background-color: #800000;
	padding: 0.5em 0.2em;
	}
.centerBoxHeading {
background-color: #fffccc;
}
.leftBoxHeading#mastheadsideboxHeading{
    display: none;
}
.leftBoxContainer {
	border: 1px solid #ffffff;
	margin-top: 0.2em;
	}

.sideBoxContent {
	background-color: #ffffff;
	padding: 0.4em;
	text-align:right;
	}

h3.rightBoxHeading, h3.rightBoxHeading a {
	font-size: 1.1em;
	color: #FFFF00;
	}

.rightBoxHeading {
	margin: 0em;
	background-color: #663366;
	padding: 0.2em 0em;
	}

h3.leftBoxHeading a:hover {
	color: #FFFF33;
	text-decoration: none;
	} 

h3.rightBoxHeading a:hover {
	color: #FF0000;
	text-decoration: none;
	}

.rightBoxContent {
	background-color: #ffffff;
	margin-bottom: 1em;
	}

.centeredContent, TH, #cartEmptyText, #cartBoxGVButton, #cartBoxEmpty, #cartBoxVoucherBalance, #navCatTabsWrapper, #navEZPageNextPrev, #bannerOne, #bannerTwo,  #bannerThree,  #bannerFour,  #bannerFive,  #bannerSix, #siteinfoLegal, #siteinfoCredits, #siteinfoStatus, #siteinfoIP, .center, .cartRemoveItemDisplay, .cartQuantityUpdate, .cartQuantity, .cartTotalsDisplay, #cartBoxGVBalance, .leftBoxHeading, .centerBoxHeading,.rightBoxHeading, .productListing-data, .accountQuantityDisplay, .ratingRow, LABEL#textAreaReviews, #productMainImage, #reviewsInfoDefaultProductImage, #productReviewsDefaultProductImage, #reviewWriteMainImage, .centerBoxContents, .specialsListBoxContents, .categoryListBoxContents, .additionalImages, .centerBoxContentsSpecials, .centerBoxContentsAlsoPurch, .centerBoxContentsFeatured, .centerBoxContentsNew, .gvBal, .attribImg {
	text-align: center;
	}

.wrapper {
	width: 100%;
	margin: 0em 0em 0em 0em;
	}
.leftcol {
	display: block;
 width: 50%;
 float: left;
 border: solid 1px;
 }
.rightcol {
display: block;
 width: 50%;
 float: right;
 }

#bestsellers ol {
	padding: 0;
	margin-left: 1.1em;
	}

#bestsellers li {
	padding: 0;
	margin: 0.3em 0em 0.3em 0em;
	}

#bannerboxHeading {
	background-color: #0000CC;
}

#upProductsHeading {
	text-align: left;
	}

#upDateHeading {
	text-align: right;
	}

/*misc*/
.back {
	float: left;
	}

.forward, #shoppingCartDefault #PPECbutton {
	float: right;
	}

.bold {
	font-weight: bold;
	}

.rowOdd {
	background-color: #E8E8E8;
	height: 1.5em;
	vertical-align: top;
	}

.rowEven {
	background-color: #F0F0F0;
	height: 1.5em;
	vertical-align: top;
	}

.hiddenField {
	display: none;
}
.visibleField {
	display: inline;
}

CAPTION {
	/*display: none;*/
	}

#myAccountGen li, #myAccountNotify li {
	margin: 0;
	} 

.accountTotalDisplay, .accountTaxDisplay {
	width: 20%;
	text-align: right;
	/*vertical-align: top*/
	}

.accountQuantityDisplay {
	width: 10%;
	vertical-align: top
	}

TR.tableHeading {
	background-color: #cacaca;
	height: 2em;
	}

#siteMapList {
	width: 90%;
	float: right;
	}

.ratingRow {
	margin: 1em 0em 1.5em 0em;
	}

LABEL#textAreaReviews {
	font-weight: normal;
	margin: 1em 0em;
	}

#popupShippingEstimator, #popupSearchHelp, #popupAdditionalImage, #popupImage, #popupCVVHelp, #popupCouponHelp, #popupAtrribsQuantityPricesHelp, #infoShoppingCart {
	background-color: #ffffff;
	}
.information {padding: 10px 3px; line-height: 150%;}

#shoppingcartBody #shippingEstimatorContent {
	clear: both;
	}

.seDisplayedAddressLabel {
	background-color:#85C285;
	text-align: center;
	}
.seDisplayedAddressInfo {
	text-transform: uppercase;
	text-align: center;
	font-weight: bold;
	}
#seShipTo {
	padding: 0.2em;
	}
h2.greeting {
    font-size: 10px;
    margin-bottom: 20px;
    }
.checkout{
    width: 90px;
    height:42px;
    font-size:1.2em;
    float:left;
    text-align:center;
    padding-top:8px;
    padding-left:30px;
    padding-right:30px; 
    font-weight: bold;
}

.off{
    background-color: white;
    color:#000000;
}

.on{
    background-color: black;
    color:#ffffff;
}

/* QuickMenu Styles - Keep in head for full validation */


/* QuickMenu Core CSS Do Not Modify */
.qmmc .qmdivider{display:block;font-size:1px;border-width:0px;border-style:solid;position:relative;z-index:1;}.qmmc .qmdividery{float:left;width:0px;}.qmmc .qmtitle{display:block;cursor:default;white-space:nowrap;position:relative;z-index:1;}.qmclear {font-size:1px;height:0px;width:0px;clear:left;line-height:0px;display:block;float:none !important;}.qmmc {position:relative;z-index:10;}.qmmc a, .qmmc li {float:left;display:block;white-space:nowrap;position:relative;z-index:1;}.qmmc div a, .qmmc ul a, .qmmc ul li {float:none;}.qmsh div a {float:left;}.qmmc div{visibility:hidden;position:absolute;}.qmmc .qmcbox{cursor:default;display:block;position:relative;z-index:1;}.qmmc .qmcbox a{display:inline;}.qmmc .qmcbox div{float:none;position:static;visibility:inherit;left:auto;}.qmmc li {z-index:auto;}.qmmc ul {left:-10000px;position:absolute;z-index:10;}.qmmc, .qmmc ul {list-style:none;padding:0px;margin:0px;}.qmmc li a {float:none;}.qmmc li:hover>ul{left:auto;}#qm0 li {float:none;}#qm0 li:hover>ul{top:0px;left:100%;}


/* QuickMenu Styles [Please Modify!] */


    /* QuickMenu 0 */

    /*"""""""" (MAIN) Container""""""""*/   
    #qm0    
    {   
        width:100%;
        padding:0px 0px 0px 0px;
        margin:0px;
        background-color:#ffffff;
        border-width:0px;
        border-style:solid;
       border-color:#603235;
    }


    /*"""""""" (MAIN) Items""""""""*/   
    #qm0 a  
    {   
        padding:2px 2px 2px 2px;
        margin:0px 0px 0px 0px;
        background-color:transparent;
        color:#800000;
        font-family:Arial;
        font-size:1em;
        text-decoration:none;
        border-width:0px 0px 1px 0px;
        border-style:solid;
        border-color:#CC9900;
    }


    /*"""""""" (MAIN) Hover State""""""""*/ 
    #qm0 a:hover    
    {   
        color:#EDE6E5;
        background-color: #603235;
        border-color:#FF3C3C;
    }


    /*"""""""" (MAIN) Hover State - (duplicated for pure CSS)""""""""*/ 
    #qm0 li:hover>a 
    {   
        color:#EDE6E5;
        border-color:#FF3C3C;
    }


    /*"""""""" (MAIN) Active State""""""""*/    
    body #qm0 .qmactive, body #qm0 .qmactive:hover  
    {   
        color:#EDE6E5;
        border-color:#FF3C3C;
    }


    /*"""""""" (SUB) Container""""""""*/    
    #qm0 div, #qm0 ul   
    {   
        padding:10px;
        background-color:#603235;
        border-width:1px;
        border-style:solid;
        border-color:#FF3C3C;
    }


    /*"""""""" (SUB) Items""""""""*/    
    #qm0 div a, #qm0 ul a   
    {   
        padding:3px 20px 3px 5px;
        color:#EDE6E5;
        border-width:0px;
        border-color:#FF3C3C;
    }


    /*"""""""" (SUB) Hover State""""""""*/  
    #qm0 div a:hover    
    {   
        color:#FF3C3C;
        text-decoration:underline;
    }


    /*"""""""" (SUB) Hover State - (duplicated for pure CSS)""""""""*/  
    #qm0 ul li:hover>a  
    {   
        color:#FF3C3C;
        text-decoration:underline;
    }


    /*"""""""" (SUB) Active State""""""""*/ 
    body #qm0 div .qmactive, body #qm0 div .qmactive:hover  
    {   
        color:#FF3C3C;
        text-decoration:underline;
    }


    /*"""""""" Individual Titles""""""""*/  
    #qm0 .qmtitle   
    {   
        margin:2px 5px 5px 5px;
        color:#F6F6F6;
        font-family:Arial;
        font-size:11px;
        font-weight:bold;
    }


    /*"""""""" Individual Horizontal Dividers""""""""*/ 
    #qm0 .qmdividerx    
    {   
        border-top-width:1px;
        margin:4px 5px 4px 5px;
        border-color:#EDE6E5;
    }


    /*"""""""" Item Stripes""""""""*/   
    #qm0 .qmstripe  
    {   
        padding:0px;
    }


    /*"""""""" Custom Rule""""""""*/    
    ul#qm0 li:hover > a.qmparent    
    {   
    }


    /*"""""""" Custom Rule""""""""*/    
    ul#qm0 li .qmparent 
    {   
        background-repeat:no-repeat;
        background-position:97% 50%;
    }


    /*"""""""" Custom Rule""""""""*/    
    ul#qm0 li:hover > a.qmparent    
    {   
    }

.pagehead {
 background-color: #FFFCCC;
font-size: 1.7em;
text-align: center;
}
.productListing-odd {
    background-color: #fde9ad;
    height: 1.5em;
    vertical-align: top;
}
.productListing-even {
    background-color: #F0F0F0;
    height: 1.5em;
    vertical-align: top;
}
#topbar {
width: 100%;
z-index: 2;
display: block;
position: relative;
background-color: #fffccc;
color: #800000;
text-align: center;
font-size: 1.6em;
}
#topbar-verbose {
width: 100%;
z-index: 2;
display: block;
position: relative;
background-color: #fffccc;
color: #800000;
text-align: center;
font-size: 1.4em;
}
.logo {
position:relative;
top: -5px;
right: -10px;
float: right;
z-index : 10;
}

.centerlogo img {
    display : block;
    margin : auto;
}
.leftlogo img {
    float: left;
}
.rightlogo img {
    float: right;
}
body{ behavior:url(../cssHoverFix.htc); }
#navigation {clear: both;display: block;overflow:visible;font-size:1em;height:400px;z-index:10;}/*Main Menu*/
#navigation ul {margin:0px; padding:0px; background-color:#fffccc;}
#navigation ul li {height:25px;line-height:25px; list-style:none; padding-left:10px;border: #FFDBB7 outset 4px;cursor:pointer; }
#navigation ul li a {display:block;color:#800;text-decoration:none;} /*Link's Styles*/
#navigation ul li:hover {background-color:#F90; position:relative;}/*Sub Menu*/
#navigation ul ul {display:none; position:absolute; left:120px; top:10px; border: #FFDBB7 outset 4px;cursor:pointer; background-color:#FFD387; font-size: .8em;list-style: none;z-index: 20;overflow: visible;}
#navigation ul li:hover ul {display:block;}
#navigation ul ul li { width:250px; float:left; display:inline; border:none;}
#navigation ul ul li:hover {text-decoration:underline; border:none;} 
#navigation li:hover ul li ul {display:none;}
#navigation ul ul li ul {left:180px; top:15x;background-color:#fffccc;}
#navigation li:hover ul li ul ul{display:none;}
#navigation ul ul li:hover ul {display:block;}
#navigation ul ul ul li ul {left:190px; top:20px;background-color:#ffdead;}
#navigation ul ul ul li:hover ul {display:block;}
.quotation {
position: relative;
display: block;
width: 94%;
font-size: 100%;
background-color: #F0F3E4;
border-top: groove green;
padding: 4px 5px 26px 5px;
}
.cite {
position: relative;
display: block;
width: 90%;
font-size: 0.70em;
float: right;
text-align: right;
background-color: #F0F3E4;
border-bottom: groove green;
padding: 6px;
}
.address {
position: relative;
display: block;
width: 95%;
font-size: 0.80em;
float: right;
text-align: right;
padding: 6px;
}

tr.d0 td {
	background-color: #FCF6CF;
}
tr.d1 td {
	background-color: #FEFEF2;
}
.bizshoplogo {
	padding-bottom: 10px;
	height: auto;
	width: 95%;
	}
input {
	background-color: #fffccc;
}
.submit{
display: inline-block;
outline: none;
cursor: pointer;
text-align: center;
text-decoration: none;
font: 14px/100% Arial, Helvetica, sans-serif;
padding: .4em .4em .4em;
text-shadow: 0 1px 1px rgba(0,0,0,.5);
-webkit-border-radius: .5em;
-moz-border-radius: .5em;
border-radius: .5em;
-webkit-box-shadow: 0 1px 2px rgba(0,0,0,.2);
-moz-box-shadow: 0 1px 2px rgba(0,0,0,.2);
box-shadow: 0 1px 2px rgba(0,0,0,.2);
color: #fffbf9;
border: solid 1px #980401;
background: #c50503; /* for non-css3 browsers */
background: -webkit-gradient(linear, left top, left bottom, from(#92EFC6), to(#077a47)); /* For Webkit Browsers */
background: -moz-linear-gradient(top, #92EFC6, #077a47); /* for Firefox */
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#92EFC6', endColorstr='#077a47'); /* for IE */
}
.submit:hover {
background: #c50503;
background: -webkit-gradient(linear, left top, left bottom, from(#077a47), to(#92efc6));
background: -moz-linear-gradient(top, #077a47, #92efc6);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#077a47', endColorstr='#92efc6');
}
.submit:active {
border: solid 1px #ec3331;
color: #f9baae;
background: -webkit-gradient(linear, left top, left bottom, from(#dc3921), to(#ffb36a));
background: -moz-linear-gradient(top, #dc3921, #ffb36a);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#dc3921', endColorstr='#ffb36a');
}
.missingdatacell {
	color:blue; background-color:yellow; border-width: 5px; border-color:red;
}

.button {clear: both;display: block;overflow:visible;color: #80000;z-index:10;margin:0px; padding:0px; font-weight: bold;background-color:#fffccc;color: #800;height:30px;line-height:25px; border: #FFDBB7 outset 4px;cursor:pointer;}
.button:hover {background: yellow;}

.box:before, .box:after { position: absolute; width: 40%; height: 10px; content: ' '; left: 12px; bottom: 12px; background: transparent; -webkit-transform: skew(-5deg) rotate(-5deg); -moz-transform: skew(-5deg) rotate(-5deg); -ms-transform: skew(-5deg) rotate(-5deg); -o-transform: skew(-5deg) rotate(-5deg); transform: skew(-5deg) rotate(-5deg); -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.3); -moz-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.3); box-shadow: 0 6px 12px rgba(0, 0, 0, 0.3); z-index: -1; } .box:after { left: auto; right: 12px; -webkit-transform: skew(5deg) rotate(5deg); -moz-transform: skew(5deg) rotate(5deg); -ms-transform: skew(5deg) rotate(5deg); -o-transform: skew(5deg) rotate(5deg); transform: skew(5deg) rotate(5deg);}
.normal_list li {
	margin-top: .5em;
}
.info{
    position:relative;
    cursor: pointer;
}
.info:hover {z-index:25; background-color:#ff0} 

.info span{display: none} 

.info:hover span 
{ 
    display:block; 
    position:absolute; 
    top:2em; left:2em; width:20em; 
    padding: 5px;
    border:1px solid #0cf; 
    background-color:#ff0; color:#800; 
}