Abbiamo Supremo Support Thread

[rathercold]

hi, the dropdown category, the 2nd column width can't be changed in main CSS, how to change it?

[milobloom]

I keep getting errors like

[30-May-2012 02:43:57 UTC] PHP Warning: require(includes/templates/template_default/templates/tpl_500_default.php) [<a 1href='function.require'>function.require</a>]: failed to open stream: No such file or directory in /home/noah/public_html/includes/templates/abbiamo_supremo/common/tpl_main_page.php on line 126
[30-May-2012 02:43:57 UTC] PHP Warning: require(includes/templates/template_default/templates/tpl_500_default.php) [<a href='function.require'>function.require</a>]: failed to open stream: No such file or directory in /home/noah/public_html/includes/templates/abbiamo_supremo/common/tpl_main_page.php on line 126
[30-May-2012 02:43:57 UTC] PHP Fatal error: require() [<a href='function.require'>function.require</a>]: Failed opening required 'includes/templates/template_default/templates/tpl_500_default.php' (include_path='.:/usr/lib/php:/usr/local/lib/php') in /home/noah/public_html/includes/templates/abbiamo_supremo/common/tpl_main_page.php on line 126

I keep creating blank php files like

tpl_404_default.php
tpl_403_default.php

Why does it keep wanting these files that do not exist?

[milobloom]

The Header Contact Us is not working...

I think that is the cause of all of my 404 and 403 errors.
I tried the regular contact us and that IS working.

So would I ask for help in which thread??

[SPH]

Milo, I see you are still having problems. I also just noticed how large your site is.

This (or almost any) template should not cause alot of problems out of the box. Although you do have alot of categories and more products (some 22k?) than I thought.

What mods are you running? They may be causing problems.

Also, just looking at your prev/Next mod with the little photos. Do you think that effective? Too small to be effective for my eyes, and larger will likely help slow your site even more.

How is it your Contact Us isn't working? Did it work before?

[brandonturpin]

The Header Contact Us is not working...

I think that is the cause of all of my 404 and 403 errors.
I tried the regular contact us and that IS working.

So would I ask for help in which thread??

I have never had any of those issues with the template, so its hard to pinpoint the issue you are having. Are you running any other modifications or addons? Where on your site are you getting this error? You can start to figure out the issue by removing parts of the page where it is happening until you find the issue. Its a little more advance but I it is very hard to pinpoint the issue from the outside.

[mydogisfat]

Although I like the contact drop down form in the main menu, I want to disable it.

I had to change some placement issues in the css for the Contact Us page (make comment box larger and left margin (it was centering before)) but those changes are also reflected in the drop down menu which throws that whole layout in disarray.

Please see gefw.co and if someone could tell me how to either edit the layout of the drop down form (without affecting the Contact Us page) or disable it I would really really appreciate it!!

thank you in advance :)

[brandonturpin]

Although I like the contact drop down form in the main menu, I want to disable it.

I had to change some placement issues in the css for the Contact Us page (make comment box larger and left margin (it was centering before)) but those changes are also reflected in the drop down menu which throws that whole layout in disarray.

Please see gefw.co and if someone could tell me how to either edit the layout of the drop down form (without affecting the Contact Us page) or disable it I would really really appreciate it!!

thank you in advance :)

You can place a style for the individual form in the header.

Open the file
includes > templates > abbiamo_supremo > common > tpl_drop_down.php

Towards the bottom you will see a contact from section starting with

<label for="name">Name<span class="required"> *</span></label>
<input name="name" type="text" id="name" size="30" value="" autocomplete="off" />

if you enter the following

style='width: 150px;'

in the input section you can edit the individual form item using CSS formats so it will look like this

<label for="name">Name<span class="required"> *</span></label>
<input name="name" type="text" id="name" size="30" value="" autocomplete="off" style='width: 150px;'/>

You can put the same in each <input> and edit the width, padding, text color, background color or a number other things. If you have any other questions or can figure it out let me know!

[mr80s]

Although I like the contact drop down form in the main menu, I want to disable it.

I had to change some placement issues in the css for the Contact Us page (make comment box larger and left margin (it was centering before)) but those changes are also reflected in the drop down menu which throws that whole layout in disarray.

Please see gefw.co and if someone could tell me how to either edit the layout of the drop down form (without affecting the Contact Us page) or disable it I would really really appreciate it!!

thank you in advance :)

Hello,

I like some of the customizations you've done in particular how you layed out the product attribute pages (the black t-shirt). How did you get the attribute options to line up vertically and a nice large image of the product on the right? (with the add to cart below the attribute options).

Would you be willing to share your css stylesheet? I'd be interested in the .back and the .wrapperAttributes

Also, Brandon...I'm trying to download your spinning social icons (used in myDogisFat's site) but can't download them from your site...

Also, would like to know how you removed right column in the product display pages (again black t-shirt).

Thanks a bunch!

[mydogisfat]

I'm sorry, been out of the loop but I am happy to share my stylesheet (although I've made changes since then...)
- sorry had to edit for space - what I edited out was original and no changes made.
----------------------------------------

body {
margin: 0;
font-family: verdana, arial, helvetica, sans-serif;
font-size: 62.5%;
color: #000000;
}

a img {border: none; }

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

a:visited {
color: #155410;
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 {
color: #d899da;
text-decoration:underline;
}

a:active {
color: #155410;
}

h1 {
font-size: 1.5em;
}

h2 {
font-size: 1.4em;
}

h3 {
font-size: 1.3em;
}

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

.biggerText {
font-size: 1.2em;
}

h1, h2, h3, h4, h5, h6 {
margin: 0.3em 0;
}

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

FORM, SELECT, INPUT {
display: inline;
padding: 5px;
margin: 0.1em;
margin: 7px 0;
border-radius: 3px;
}

TEXTAREA {
margin: auto;
display: block;
width: 95%;
}

input:focus, select:focus, textarea:focus {
background: #E4FEF5;
}

FIELDSET {
padding: 0.5em;
margin: 0.5em 0em;
border: 1px solid #cccccc;
}

LEGEND {
font-weight: bold;
padding: 0.3em;
color: black;
}

LABEL, h4.optionName {
line-height: 2.5em;
padding: 0.2em;
}

LABEL.checkboxLabel, LABEL.radioButtonLabel {
margin: 0.5em 0.3em;
}

#logo, .centerBoxContents, .specialsListBoxContents, .categoryListBoxContents, .centerBoxContentsAlsoPurch, .attribImg {
float: left;
}

LABEL.inputLabel {
width: 9em;
float: left;
}

LABEL.inputLabelPayment {
width: 14em;
float: left;
padding-left: 2.5em;
}

LABEL.selectLabel, LABEL.switchedLabel, LABEL.uploadsLabel {
width: 11em;
float: left;
}

#checkoutPayment LABEL.radioButtonLabel {
font-weight: bold;
}

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;
}


/*wrappers - page or section containers*/
#mainWrapper {
background-color: #ffffff;
text-align: left;
width: 980px;
vertical-align: top;
}

#headerWrapper, #contentMainWrapper, #logoWrapper, #cartBoxListWrapper, #ezPageBoxList, #cartBoxListWrapper ul, #ezPageBoxList ul, #mainWrapper, #popupAdditionalImage, #popupImage {
margin: 0em;
padding: 0em;
}

#logoWrapper{
background-image: url(../images/header_bg.jpg/);
background-repeat: repeat-x;
background-color: #ffffff;
height:75px;
}

#navColumnOneWrapper, #navColumnTwoWrapper, #mainWrapper {
margin: auto;
}
#navColumnOneWrapper, #navColumnTwoWrapper {
margin-left: 0.5em;
margin-right: 0.5em;
}

#tagline {
color:#9dc236;
font-size: .8em;
text-align : center;
vertical-align: middle;
float:right;
width:49%;
}

#tagline2 {
color:#155410;
font-size: .8em;
text-align : center;
vertical-align: middle;
float:left;
width:49%;
}

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

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

/*.wrapperAttribsOptions {
margin: 0em 0em ;
margin-left:30em;
} */

.wrapperAttribsOptions {position: relative;}
h4.optionName {
float: left;
margin-bottom: 1em;
}
.wrapperAttribsOptions select, .wrapperAttribsOptions input {
position: absolute;
top: 2.3em;
left: -8em;
}

/*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: #fff;
background-image: url(../images/tile_back.gif/);
padding: 0.5em 0.2em;
font-weight: bold;
color: #ffffff;
height: 1%;
}

#navCatTabsWrapper {
background-color: #ffffff;
color: #9a9a9a;
background-image:none;
}

#navMain ul, #navSupp ul, #navCatTabs 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 {
display: inline;
}

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

#navCatTabs ul li a {
color: #9a9a9a;
}

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

#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;
}
#updatecart {float: right; margin-top: -12px;}

#navMainSearch {
text-align: center;
}

#navBreadCrumb {
padding: 0.5em 0.5em;
background-color: #ffffff;
font-size: 0.95em;
font-weight: bold;
margin: 0em;
}

#navEZPagesTop {
background-color: #abbbd3;
background-image: url(../images/tile_back.gif/);
font-size: 0.95em;
font-weight: bold;
margin: 0em;
padding: 0.5em;
}

#navColumnOne, #navColumnTwo {
background-color: transparent;
}

/*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, #bannerSix {
padding: 0.8em;
}
#bannerFive { padding-top: 15px;}

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

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

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

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

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

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

.cartProductDisplay, .cartUnitDisplay, .cartTotalDisplay, .cartRemoveItemDisplay, .cartQuantityUpdate, .cartQuantity, #cartInstructionsDisplay, .cartTotalsDisplay {
padding: 1em 0em;
padding-right: 5px;

}

.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: left;
font-weight: bold;
}

.cartRemoveItemDisplay {
width: 3.5em;
}

.cartAttribsList {
margin-left: 20.7em;
}

#mediaManager {
width: 50%;
margin: 0.2em;
padding: 0.5em;
background-color: #E4FEf5;
border: 1px solid #003D00;
}
.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;
list-style-type: none;
}

#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 {float:right;}
{
padding: 0em 2em 0em 3em;
}

#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;
}

.centerBoxWrapper {
height: 1%;
margin: 1.1em 0;
}

h2.centerBoxHeading {
font-size: 1.5em;
color: #155410;
text-align : left;
}

/*sideboxes*/
.columnLeft {}

h3.leftBoxHeading, h3.leftBoxHeading a,
h3.rightBoxHeading, h3.rightBoxHeading a {
font-size: 1.0em;
color: #1c8314;
text-align : left;
}
#manufacturersHeading, #currenciesHeading, #musicgenresHeading, #recordcompaniesHeading, #searchHeading, #search-headerHeading {
font-size: 0.9em;
color: #1c8314;
}

.leftBoxHeading, .centerBoxHeading, .rightBoxHeading {
margin: 0em;
background-image: url(../images/tile_back.gif/);
padding: 0.5em 0.2em;
}

.leftBoxContainer, .rightBoxContainer {
margin: 0em;
margin-top: 1.5em;
}

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

h3.leftBoxHeading a:hover, h3.rightBoxHeading a:hover {
color: #155410;
text-decoration: underline;
}

.rightBoxHeading a:visited, .leftBoxHeading a:visited, .centerBoxHeading a:visited {
color: #155410;
}

.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;
}

#bestsellers .wrapper {
margin: 0em 0em 0em 1.5em;
}

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

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

#bannerboxHeading {
background-color: #ffffff;
}

#upProductsHeading {
text-align: left;
}

#upDateHeading {
text-align: right;
}

/* categories box parent and child categories */
A.category-top, A.category-top:visited {
color: #########3d;
text-decoration: none;
}
A.category-links, A.category-links:visited {
color: #########3d;
text-decoration: none;
}
a.category-top, a.category-links {line-height: 2.0em;}

A.category-subs, A.category-products, A.category-subs:visited, A.category-products:visited {
color: #155410;
text-decoration: none;
}
SPAN.category-subs-parent {
font-weight: bold;
}
SPAN.category-subs-selected {
font-weight: bold;
}
/* end categories box links */

/*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;
}

.productListing-rowheading {
background-color: #3991e6;
background-image: url(../images/tile_back.gif/);
height: 2em;
color: #FFFFFF;
}

.productListing-rowheading a:link {color: #FFFFFF;}

#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;
}

abody {
margin:0;
padding-top: 10px;
color:#000;
background:#fff;
}
#abody {
width:100%;
margin:0 auto;
background:#fff;
}

#acontent-1 {
float:left;
width:33.33%;
background:#fff;
padding-top: 10px;
}

#acontent-2 {
float:right;
width:66.66%;

}

#acontent-2-1 {
float:left;
width:55%;
padding-bottom: 10px;
margin-top: -20px;
}
#acontent-2-2 {
background:#fff;
float:right;
width:45%;
padding-top: 3px;
}

#afooter {
background:#ff9;
clear:both;
}

/* ######################################################################____

01 MENU BAR
######################################################################____ */



#wrapper_menu {
width: 980px;
margin:0 auto;
display:block;
position: relative;
z-index:9999;
}
#wrapper_menu .menu {
list-style:none;
width:940px;
margin:10px auto 0px auto;
height:43px;
padding:0px 20px 0px 20px;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
border-radius: 10px;
}
#wrapper_menu_full {
width: 100%;
margin:0;
display:block;
position: relative;
z-index:9999;
}
#wrapper_menu_full .menu {
list-style:none;
width:940px;
margin:0px auto 0px auto;
height:43px;
padding:0px 20px 0px 20px;
}
.menu li {
float:left;
text-align:center;
position:relative;
margin-right:20px;
margin-top:6px;
border:none;
}
.menu li.fullwidth {
position: static !important;
}
.menu li:hover {
background:#eeeeee;
border:1px solid #444444;
border-bottom:none;
margin-right:19px;
background: -moz-linear-gradient(top, #f2fff0, #EEEEEE);
background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#f2fff0), to(#EEEEEE));
background: -o-linear-gradient(top, #f2fff0, #EEEEEE);
-moz-border-radius: 5px 5px 0px 0px;
-webkit-border-radius: 5px 5px 0px 0px;
-khtml-border-radius: 5px 5px 0px 0px;
border-radius: 5px 5px 0px 0px;
}
.menu li.nodrop:hover {
background:#eeeeee;
border:1px solid #444444;
padding: 4px 10px 4px 9px;
background: -moz-linear-gradient(top, #f2fff0, #EEEEEE);
background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#f2fff0), to(#EEEEEE));
background: -o-linear-gradient(top, #f2fff0, #EEEEEE);
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
-khtml-border-radius: 5px;
border-radius: 5px;
}
.menu li.nodrop:hover a {
padding: 0px;
}
.menu li a {
color: #EEEEEE;
outline:0;
padding: 5px 10px 3px 10px;
text-decoration:none;
display:block;
text-shadow: 1px 1px 1px #000;
}
.menu li:hover a {
color:#dc58e1;
text-shadow: none;
position:relative;
z-index:11;
border-bottom:1px solid #EEEEEE;
padding: 4px 9px 4px 9px;
}
.menu li:hover div a {
display:inline;
}
.menu li .drop {
padding-right:27px;
background:url("img/drop.png") no-repeat right 13px;
}
.menu li:hover .drop {
padding-right:27px;
background:url("img/drop.png") no-repeat right 12px;
}

/* Right aligned menu item */

.menu .right {
float:right;
right:0;
margin-right:0px;
}
.menu li.right:hover {
margin-right:-1px;
}



/* ######################################################################____

03 CONTENT STYLING
######################################################################____ */



.menu p,
.menu ul,
.menu li,
.menu h2,
.menu h3 {
font-size:14px;
font-family:Arial, Helvetica, sans-serif;
line-height:21px;
text-align:left;
}
.menu p {
font-size:12px;
line-height:18px;
margin:0;
margin-bottom:10px;
text-shadow: 1px 1px 1px #FFFFFF;
}
.menu .strong {
font-weight:bold;
}
.menu .italic {
font-style:italic;
}
.menu h2,
.menu h3 {
text-shadow: 1px 1px 1px #FFFFFF;
border-bottom:1px solid #888888;
margin-top:7px;
}
.menu h2 {
font-weight:400;
font-size:21px;
margin-bottom:18px;
padding-bottom:11px;
}
.menu h3 {
font-weight:600;
font-size:14px;
margin-bottom:14px;
padding-bottom:7px;
}
.menu li:hover div a {
text-decoration:none;
text-shadow:none;
border:none;
padding:0;
}
.menu .pusher { /* Use this pucher if you want to give more vertical spacing between your rows of content */
margin-top:28px;
}

/* Icon paragraphs */

.menu .help,
.menu .favorite,
.menu .mail,
.menu .print {
padding-left:36px;
margin-bottom:18px;
}
.menu .help {background:url("img/help.png") no-repeat 0px 2px;}
.menu .favorite {background:url("img/favorite.png") no-repeat 0px 2px;}
.menu .mail {background:url("img/mail.png") no-repeat 0px 2px;}
.menu .print {background:url("img/print.png") no-repeat 0px 2px;}

/* Images styles */

.menu .imgshadow_dark { /* Better style on dark background */
background:#FFFFFF;
padding:4px;
border:1px solid #333333;
margin-top:5px;
-moz-box-shadow:0px 0px 5px #000000;
-webkit-box-shadow:0px 0px 5px #000000;
box-shadow:0px 0px 5px #000000;
}
.menu .imgshadow_light { /* Better style on light background */
background:#FFFFFF;
padding:4px;
border:1px solid #777777;
margin-top:5px;
-moz-box-shadow:0px 0px 5px #666666;
-webkit-box-shadow:0px 0px 5px #666666;
box-shadow:0px 0px 5px #666666;
}
.menu .img_left { /* Image sticks to the left */
width:auto;
float:left;
margin:2px 15px 5px 0px;
}
.menu .img_right { /* Image sticks to the right */
width:auto;
float:right;
margin:2px 0px 5px 15px;
}

/* Box styles */

.menu li .black_box,
.menu li .dark_grey_box {
color: #eeeeee;
text-shadow: 1px 1px 1px #000;
padding:4px 6px 4px 6px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
-khtml-border-radius: 5px;
border-radius: 5px;
}
.menu li .black_box {
background-color:#333333;
-webkit-box-shadow:inset 0 0 3px #000000;
-moz-box-shadow:inset 0 0 3px #000000;
box-shadow:inset 0 0 3px #000000;
}
.menu li .dark_grey_box {
background-color:#555555;
-webkit-box-shadow:inset 0 0 3px #111111;
-moz-box-shadow:inset 0 0 3px #111111;
box-shadow:inset 0 0 3px #111111;
}

/* Standard lists styles */

.menu li ul {
list-style:none;
padding:0;
margin:0 0 12px 0;
}
.menu li ul li {
font-size:12px;
line-height:24px;
position:relative;
text-shadow: 1px 1px 1px #ffffff;
padding:0;
margin:0;
float:left;
text-align:left;
width:145px;
}
.menu li ul li a {
padding:0;
}
.menu li ul li:hover {
background:none;
border:none;
padding:0;
margin:0;
}

/* Greybox lists styles */

.menu li .greybox li {
background:#f2fff0;
border:1px solid #bbbbbb;
margin:0px 0px 4px 0px;
padding:4px 6px 4px 6px;
width:131px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
-khtml-border-radius: 5px;
border-radius: 5px;
}
.menu li .greybox li:hover {
background:#ffffff;
border:1px solid #aaaaaa;
padding:4px 6px 4px 6px;
margin:0px 0px 4px 0px;
}

/* Other lists styles */

.menu li .plus li {
background: url("img/plus.png") left 6px no-repeat;
margin:0px 0px 4px 0px;
padding:0px 0px 0px 21px;
width:109px;
}
.menu li .plus li:hover {
background: url("img/plus.png") left 6px no-repeat;
padding:0px 0px 0px 21px;
margin:0px 0px 4px 0px;
}

/* Social Icons */

.menu li ul.social {
list-style:none;
margin:0;
padding:0;
}
.menu li ul.social li {
padding-top:5px;
margin:0 12px 12px 0;
float:left;
position:relative;
display:inline;
width:32px;
}
.menu li ul.social li img {
border:none;
}
.menu li ul.social li:hover {
padding-top:5px;
margin:-1px 12px 12px 0;
}
.menu li ul.social li span {
display:none;
}

/* 2-Levels Drop Down */


.menu .levels, .menu .levels ul { /* all lists */
padding: 0;
margin: 0;
list-style: none;
}
.menu li:hover .levels a {
display:block;
}
.menu .levels a {
display: block;
width: 10em;
}
.menu .levels a.parent, .menu .levels a.parent:hover {
background: url("img/drop2.png") right center no-repeat;
}
.menu .levels li {
float: left;
width:150px;
}
.menu .levels li ul { /* second-level lists */
position: absolute;
border:1px solid #666666;
background:#EEEEEE;
top:-23px;
margin:15px 0px 0px 4px;
padding:6px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
-khtml-border-radius: 5px;
border-radius: 5px;
background: -moz-linear-gradient(top, #EEEEEE, #BBBBBB);
background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#EEEEEE), to(#BBBBBB));
background: -o-linear-gradient(top, #EEEEEE, #BBBBBB);
left: -999em;
}
.menu .levels li ul ul {
top:-23px;
}
.menu .levels li:hover ul ul, .menu .levels li:hover ul ul ul {
left: -999em;
}
.menu .levels li:hover ul, .menu .levels li li:hover ul, .menu .levels li li li:hover ul {
left: 142px;
}

[mydogisfat]

thankie! that works...
and thanks for the template! been looking for one like this for a while