Woocommerce product page error when I updated Enfold to the latest

Hi Enfold team!
The website used to be having a boxed layout with body background
Secondly, the product page doesnt seem to be able to display gallery pictures and stuffs, the color scheme looks weird due to the CSS updates being overwrite I believe.
Link is as provided at the bottom.
CSS Codes used.

.top-pink {
font-family: "ITCAvantGardeGothicW01 MedN", "Helvetica Neue", Verdana, Arial, sans-serif !important;
text-align: center !important;
background: #d4007a !important;
color: #ffffff !important;
}

.main_color h2 { 
color: #f27edb !important; 
font-family: "ITCAvantGardeGothicW01 ExtN", "Helvetica Neue", Verdana, Arial, sans-serif !important;
font-style: normal !important;
text-rendering: optimizeLegibility !important;
font-weight: normal !important;
font-size: 2em !important;

}

.main_color p {
font-family: "ITCAvantGardeGothicW01 ExtN", "Helvetica Neue", Verdana, Arial, sans-serif !important;
margin: 0 0 1.5em !important;
}

#menu-item-140 a:hover {
color: #f27edb !important;
}

#menu-item-51 a:hover {
color: #f27edb !important;
}

#menu-item-95 a:hover {
color: #f27edb !important;
}

#menu-item-62 a:hover {
color: #f27edb !important;
}

#menu-item-134 a:hover {
color: #f27edb !important;
}

#menu-item-search a:hover {
color: #f27edb !important;
}

#menu-item-171 a:hover {
color: #f27edb !important;
}

.slogan {
font-weight: normal !important;
font-size: 2.2em !important;
line-height: 1.4em !important;
text-align: center !important;
font-family: "ITCAvantGardeGothicW01 ExtN", "Helvetica Neue", Verdana, Arial, sans-serif !important;
display: block;
-webkit-margin-before: 1em !important;
-webkit-margin-after: 1em !important;
-webkit-margin-start: 0px !important;
-webkit-margin-end: 0px !important;  
}

#av-overlay-wrap {
background: url("http://www.womanizer.com.sg/wp-content/uploads/2014/11/pink-background.jpg") !important;
}

#menu-item-search a {
color: #f27edb !important;
}

#menu-item-140 a {
font-family: "ITCAvantGardeGothicW01 BookN", Helvetica, Arial, sans-serif !important;
font-size: 16px;
font-weight: 100 !important;
-webkit-font-smoothing: antialiased !important;
-webkit-text-size-adjust: 100% !important;
-ms-text-size-adjust: 100% !important;
}

#menu-item-51 a {
font-family: "ITCAvantGardeGothicW01 BookN", Helvetica, Arial, sans-serif !important;
font-size: 16px;
font-weight: 100 !important;

#menu-item-95 a {
font-family: "ITCAvantGardeGothicW01 BookN", Helvetica, Arial, sans-serif !important;
font-size: 16px;
font-weight: 100 !important;
-webkit-font-smoothing: antialiased !important;
-webkit-text-size-adjust: 100% !important;
-ms-text-size-adjust: 100% !important;
}
-webkit-font-smoothing: antialiased !important;
-webkit-text-size-adjust: 100% !important;
-ms-text-size-adjust: 100% !important;
}

#menu-item-62 a {
font-family: "ITCAvantGardeGothicW01 BookN", Helvetica, Arial, sans-serif !important;
font-size: 16px;
font-weight: 100 !important;
-webkit-font-smoothing: antialiased !important;
-webkit-text-size-adjust: 100% !important;
-ms-text-size-adjust: 100% !important;
}

#menu-item-134 a {
font-family: "ITCAvantGardeGothicW01 BookN", Helvetica, Arial, sans-serif !important;
font-size: 16px;
font-weight: 100 !important;
-webkit-font-smoothing: antialiased !important;
-webkit-text-size-adjust: 100% !important;
-ms-text-size-adjust: 100% !important;
}

#menu-item-171 a {
font-family: "ITCAvantGardeGothicW01 BookN", Helvetica, Arial, sans-serif !important;
font-size: 16px;
font-weight: 100 !important;
-webkit-font-smoothing: antialiased !important;
-webkit-text-size-adjust: 100% !important;
-ms-text-size-adjust: 100% !important;
}

#menu-item-95 a {
font-family: "ITCAvantGardeGothicW01 BookN", Helvetica, Arial, sans-serif !important;
font-size: 16px;
font-weight: 100 !important;
-webkit-font-smoothing: antialiased !important;
-webkit-text-size-adjust: 100% !important;
-ms-text-size-adjust: 100% !important;
}

.main_color .avia_cart, .main_color form, .main_color tr:nth-child(odd) { background-color: white; }

#top .woocommerce-message{
padding:1em 1em 1em 3.5em!important;
margin:0 0 2em!important;
position:relative;
-webkit-border-radius:0px;
border-radius:0px;
background:#ffffff;
background-color: transparent !important;
border: 0px;
background:-webkit-gradient(linear,left top,left bottom,from(#ffffff),to(#ffffff));
background:-webkit-linear-gradient(#ffffff,#ffffff);
background:-moz-linear-gradient(center top,#ffffff 0,#ffffff 100%);
background:-moz-gradient(center top,#ffffff 0,#ffffff 100%);
color:#000000 !important;
text-shadow:0 1px 0 #fff;
list-style:none outside!important;*zoom:1;width:auto;
-webkit-box-shadow:inset 0 -2px 6px rgba(0,0,0,.05),inset 0 -2px 30px rgba(0,0,0,.015),inset 0 1px 0 #fff,0 1px 2px rgba(0,0,0,.3);box-shadow:inset 0 -2px 6px rgba(0,0,0,.05),inset 0 -2px 30px rgba(0,0,0,.015),inset 0 1px 0 #fff,0 1px 2px rgba(0,0,0,.3)
}

#av-overlay-wrap { 
overflow-x: scroll !important;
}

Help will be greatly appreciated!
Regards,
Kayzel