/* DEFAULT */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th{margin: 0;padding: 0;border: 0;font-weight: 100;font-style: normal;font-size: 100%;font-family: inherit;vertical-align: baseline;}
body {line-height: 1;color:#636363;background:#ffffff;}
ol, ul {list-style: none;}
table {border-collapse: separate;}
caption,th,td{text-align: left;font-weight: normal;}
/* REGULAR CODING */
body{font-family:Arial, Verdana, Helvetica, sans-serif; font-size:12px; line-height:1.4;}
/* STRUCTURE */
#container{margin: 0px auto;background:url(images/back3.jpg) repeat-x top;}
#holder{width:990px;margin: 0px auto;background:url(images/holder.jpg) repeat-y center;}
#holder-top{background:url(images/holder_top2.jpg) no-repeat center top;width:990px;}
#holder-bot{padding:0px 0px 0px 0px;background:url(images/holder_bot.jpg) repeat-x center bottom; }
#header{width:990px;height:90px;}
#nav-main{width:990px;height:45px;}
#content-box{padding:10px 0;}
#left-panel{float:left;width:236px; padding:0 0 0 15px; }
#right-panel{float:right; width:236px; padding:0 15px 0 0; color:#152736; }
#center-panel{ margin:5px 0 2px 0px; width:475px;}
#Reg-panel{ float:left; padding:10px 5px 0px 5px;width:980px; height:440px; }
#banner-panel{ margin:0px 0 0 242px; width:495px; height:150px; padding:0 0 0 0;}
#footer{text-align:center; font-size:12px; width:100%; height:99px; padding:20px 0px 0px 0px; }
/* HEADER */
#logo{background:url(images/logo-no.jpg) no-repeat right top;width:210px;height:75px;margin:0px 0 0 5px;padding:0px 0 0 5px;float:left;overflow:hidden;}
#logo h1{width:390px;height:75px;overflow:hidden;}
#logo h1 a{display:block; padding:75px 0 0 390px;}
.banner-ad{float:right; margin:5px 10px 10px 5px;padding:0 5px 0 0;}
.topsmalllink a{color:#505050; font-size:13px;margin:5px 5px 0 5px; font-weight:bold; text-decoration:none;font-family:Arial, verdana, Helvetica, sans-serif;}
.topsmalllink a:hover{color:#0264C5;line-height:18px; font-size:13px;margin:5px 5px 0 5px; font-weight:bold;text-decoration:underline;font-family:Arial, verdana, Helvetica, sans-serif;}
.signup-btn{ background:url(images/Toplinkg-BG-o.png) no-repeat center; cursor:pointer; color:#fff; width:70px; height:38px; border:0;font-size:12px; font-weight:bold; font-family:Arial, verdana, Helvetica, sans-serif;}
.signup-btn:hover{ background:url(images/Toplinkg-BG.png) no-repeat center; cursor:pointer; color:#fff; width:70px; height:38px; border:0;font-size:12px; font-weight:bold; font-family:Arial, verdana, Helvetica, sans-serif;}
/* NAVIGATION */
#nav-main .content{
padding:0px 5px 0 0;
}
#nav-main ul {float:none;padding:0px 10px 0px 12px;}
#nav-main ul li {float:left;height:36px;width:auto;}
#nav-main ul li a {float:left;color:#ffffff;padding:12px 10px;font-size:11px;font-weight:bold;text-decoration:none;font-family:Arial, verdana, Helvetica, sans-serif;}
#nav-main ul li a:hover {float:left;color:#8E3302;padding:12px 10px;font-size:11px;font-weight:bold;text-decoration:none;background-image:url(images/Nav-o.png) ;height:45px;background-repeat:repeat-x; font-family:Arial, verdana, Helvetica, sans-serif;
}
/* CONTENT */
h2{line-height:28px; color:#86C706; font-size:16px;margin:0 0 5px 10px; font-weight:bold;}
h3{color:#0054AC; font-size:13px; font-weight:bold; padding:5px;}
#content-box p{padding:10px 0; text-align:justify;}
#box-cont{margin:0px 5px 0px 5px; width:220px; height:auto; padding-top:9px; }
#box-cont .text{padding:5px; line-height:18px; font-size:12px; color:#636363;font-family:Arial, verdana, Helvetica, sans-serif; text-align:left;}
#box-cont .forumtext{line-height:18px; font-size:12px; color:#404040;font-family:Arial, verdana, Helvetica, sans-serif; text-align:left; }
#box-cont .colortext{line-height:18px; font-size:12px; color:#404040;font-family:Arial, verdana, Helvetica, sans-serif; text-align:left; font-style:italic;}
.colortext{line-height:18px; font-size:12px; color:#404040;font-family:Arial, verdana, Helvetica, sans-serif; text-align:left; font-style:italic;}
#box-cont .colortextbold{padding:5px; line-height:18px; font-size:12px; color:#404040;font-family:Arial, verdana, Helvetica, sans-serif; font-weight:bold;text-align:left; font-style:italic; }
.colortextbold{padding:5px; line-height:18px; font-size:12px; color:#404040;font-family:Arial, verdana, Helvetica, sans-serif; font-weight:bold;text-align:left; font-style:italic; }
#box-cont .textlink{line-height:18px; font-size:12px; text-decoration:none;color:#404040; font-family:Arial, verdana, Helvetica, sans-serif; text-align:left; font-weight:bold;}
#box-cont .textlink:hover{line-height:18px; font-size:12px; text-decoration:underline;color:#303030; font-family:Arial, verdana, Helvetica, sans-serif; text-align:left; font-weight:bold;}
#box-cont .read a{ color:#90CF0F; padding:5px; font-size:11px; font-weight:bold; text-decoration:none;font-family:Arial, verdana, Helvetica, sans-serif; }
#box-cont .read a:hover{color:#636363; padding:5px; font-size:11px; font-weight:bold; text-decoration:underline;font-family:Arial, verdana, Helvetica, sans-serif; }
.boxheader-top{background:url(images/Green-Header-Top.jpg) top center no-repeat; width:236px; height:33px; }
.boxheader-mid{ border-left:#E9E9E9 1px solid ; border-right:#E9E9E9 1px solid ; }
.boxheader-bot{ border-bottom:#E9E9E9 1px solid ; }
.formtext-label{color:#68AA00;line-height:15px;padding:5px 0px 0px 5px; font-size:12px;font-weight:bold; text-decoration:none;font-family: Arial, Verdana, Helvetica, sans-serif; }
.formtext-checkbox{color:#68AA00;line-height:15px;padding:5px 0px 0px 5px; font-size:11px;text-decoration:none;font-family: Arial, Verdana, Helvetica, sans-serif; }
.register-btn{ background:url(images/reg-btn.png) no-repeat center; cursor:pointer; color:#fff; width:126px; height:33px; border:0;font-size:18px; font-weight:bold; font-family:Arial, verdana, Helvetica, sans-serif; line-height:18px;}
.register-btn:hover{ background:url(images/reg-btn-ovr.png) no-repeat center; cursor:pointer; color:#fff; width:126px; height:33px; border:0;font-size:18px; font-weight:bold; font-family::Arial, Helvetica, verdana, sans-serif;line-height:18px;}
.signuplink{color:#636363;line-height:20px; font-size:12px;padding:2px; font-weight:bold; text-decoration:none;font-family:Arial, verdana, Helvetica, sans-serif; }
.signuplink a{color:#636363;line-height:20px; font-size:12px;padding:2px; font-weight:bold; text-decoration:none;font-family:Arial, verdana, Helvetica, sans-serif;}
.signuplink a:hover{color:#6BAA01;line-height:20px; font-size:12px;padding:2px; font-weight:bold; text-decoration:none; font-family:Arial, verdana, Helvetica, sans-serif;}
/* LEFT PANEL */
#left-panel .content{padding:0 20px;}
#left-panel .lbox{ color:#636363; margin:0px 0px 10px 0px; width:236px;}
#left-panel .lbox h2{line-height:28px; color:#68AA00; font-size:13px;margin:0px 0 5px 10px; font-weight:bold;padding:3px 0px 0px 5px;}
#left-panel .lbox p{margin:0 10px; text-align:justify;}
#left-panel .lbox p.less{margin:0 4px;}
/*.leftmenu{float:left;}
.leftmenu ul{ width:220px; float:left; padding-left:5px; }
.leftmenu ul li{ margin-top:2px;}
.leftmenu ul li a{color:#636363; line-height:12px; text-decoration:none; padding:0 0 0 0px; font-size:11px;font-weight:bold; text-decoration:none;font-family:Arial, verdana, Helvetica, sans-serif; }
.leftmenu ul li a:hover{color:#86C706; font-weight:bold; }*/
#leftmenu{float:left; padding-left:3px; margin-top:5px; width:230px; border:1px #E9E9E9 solid; }
#leftmenu ul{ float:left; color:#90CF0F;text-align:left; padding-left:10px; padding-top:5px; width:220;}
#leftmenu .leftmenulink{ width:220px; background-image:url(images/leftbullet.png); background-repeat:no-repeat;}
#leftmenu .leftmenulink1{ width:220px; background-image:url(images/leftbullet1.png); background-repeat:no-repeat;}
#leftmenu .leftmenulink:hover { width:220px;}
#leftmenu .leftmenulink2{ width:220px;height:35px; background-image:url(images/leftbullet-b.png); background-repeat:no-repeat; }
#leftmenu .leftmenulink2:hover { width:220px;height:35px; }
#leftmenu .leftmenulink-3{ width:220px;height:50px; background-image:url(images/leftbullet-c.png); background-repeat:no-repeat; }
#leftmenu .leftmenulink-3:hover { width:220px;height:50px; }
#leftmenu ul li {color:#636363;}
#leftmenu ul li a{line-height:16px; text-decoration:none; color:#636363; font-size:11px; font-weight:bold; }
#leftmenu ul li a:hover{line-height:16px; color:#68AA00; text-decoration:none;font-size:11px; font-weight:bold; }
/* RIGHT PANEL */
#right-panel .content{padding:0 5px;}
#right-panel .rbox{ line-height:15px; color:#636363; margin:5px 0px 10px 0px; width:236px;}
#right-panel .rbox h2{line-height:28px; color:#68AA00; font-size:13px;margin:0 0 5px 10px; font-weight:bold;padding:3px 0px 0px 5px;}
#right-panel .rbox p{margin:0 10px; text-align:justify;}
#right-panel .rbox p.less{margin:0 4px;}
.Small-Img-1{text-align:center;margin:0px 5px 0px 5px;}
.Small-Img-2{background:url(images/Small-Img-2.png) no-repeat top; width:212px; height:94px;text-align:justify;margin:0px 5px 0px 5px; }
.Small-Img-3{background:url(images/Small-Img-3.png) no-repeat top; width:212px; height:94px;text-align:justify;margin:0px 5px 0px 5px; }
.Small-Img-4{background:url(images/Small-Img-4.png) no-repeat top; width:212px; height:94px;text-align:justify;margin:0px 5px 0px 5px; }
/* CENTER PANEL */
#center-panel .content{padding:0 10px;text-align:justify; }
#center-panel .cbox{color:#636363; border:#F2F2F1 1px solid; }
#center-panel .cbox h2{line-height:28px; color:#0264C5; font-size:13px;margin:0 0 5px 10px; font-weight:bold;padding:3px 0px 0px 5px;}
#center-panel .cbox p{margin:0 0px; text-align:justify; padding:0px 5px 5px 5px;}
#center-panel .cbox p.less{margin:0 4px;}
#center-panel .centerheader {background:url(images/center-box-header.png) top center no-repeat; width:473px; height:47px; }
#center-panel .header-title{font-size:13px; color:#FFFFFF;font-weight:bold; font-family:Arial, verdana, Helvetica, sans-serif; padding:3px 5px 3px 5px; }
#center-panel .read a{ color:#90CF0F; padding:5px; font-size:11px; font-weight:bold; text-decoration:none;font-family:Arial, verdana, Helvetica, sans-serif; }
#center-panel .read a:hover{color:#636363; padding:5px; font-size:11px; font-weight:bold; text-decoration:underline;font-family:Arial, verdana, Helvetica, sans-serif; }
#center-panel .Top-img1{background:url(images/Top-Img1.png) no-repeat top; width:470px; height:138px; padding:0 0 0 0;}
#center-panel .Top-img2{background:url(images/Top-Img2.png) no-repeat top; width:470px; height:138px; padding:0 0 0 0;}
#center-panel .Top-img3{background:url(images/Top-Img3.png) no-repeat top; width:470px; height:138px; padding:0 0 0 0;}
#center-panel .Top-img4{background:url(images/Top-Img4.png) no-repeat top; width:470px; height:138px; padding:0 0 0 0;}
#center-panel1{ margin:0px 0 2px 0px; width:100%;}
#center-panel1 .content{padding:0 10px;text-align:justify; }
#center-panel1 .cbox{ color:#636363;padding:10px;border:#F2F2F1 1px solid;}
#center-panel1 .cbox h2{line-height:28px; color:#0264C5; font-size:13px;font-weight:bold;padding:3px 0px 0px 5px;}
#center-panel1 .cbox1{ color:#636363;padding:5px;background: url(images/title_bar.gif) top center no-repeat}
#center-panel1 .cbox1 h2{color:#0264C5; font-size:15px;font-weight:bold;padding:0px 0px 0px 5px;}
#center-panel1 .cbox p{margin:0 0px; text-align:justify; padding:0px 5px 5px 5px;}
#center-panel1 .cbox p.less{margin:0 4px;}
#center-panel1 .centerheader {background:url(images/center-box-header.png) top center no-repeat; width:473px; height:47px; }
#center-panel1 .header-title{font-size:13px; color:#FFFFFF;font-weight:bold; font-family:Arial, verdana, Helvetica, sans-serif; padding:3px 5px 3px 5px; }
#center-panel1 .read a{ color:#90CF0F; padding:5px; font-size:11px; font-weight:bold; text-decoration:none;font-family:Arial, verdana, Helvetica, sans-serif; }
#center-panel1 .read a:hover{color:#636363; padding:5px; font-size:11px; font-weight:bold; text-decoration:underline;font-family:Arial, verdana, Helvetica, sans-serif; }
#center-panel1 .Top-img1{background:url(images/Top-Img1.png) no-repeat top; width:470px; height:138px; padding:0 0 0 0;}
#center-panel1 .Top-img2{background:url(images/Top-Img2.png) no-repeat top; width:470px; height:138px; padding:0 0 0 0;}
#center-panel1 .Top-img3{background:url(images/Top-Img3.png) no-repeat top; width:470px; height:138px; padding:0 0 0 0;}
#center-panel1 .Top-img4{background:url(images/Top-Img4.png) no-repeat top; width:470px; height:138px; padding:0 0 0 0;}
/* REG PANEL */
#Reg-panel .content{padding:0 20px;}
#Reg-panel .reg-rbox{ line-height:15px; margin:5px 0px 5px 0px; width:424px;}
#Top-Article{float:right; width:433px; height:565px; margin-right:10px; border:#E9E9E9 1px solid;}
#Top-Article .rotate-bg { width:415px; height:485px;}
#Art-Img{ float:left;width:150px; padding:5px 5px 0px 5px;}
#Art-Img .Art1Img{ border:1px solid #27608b; width:150px; height:157px;}
#SmallArt-Details{ margin:0px 0px 5px 160px; width:235px; height:auto; padding:5px 0px 5px 5px; }
#Reg-panel .register{ float:left;width:520px;height:565px; padding:0px 5px 0px 10px;}
.normal-text{color:#636363;line-height:16px; font-size:12px;font-family:Arial, verdana, Helvetica, sans-serif; text-align:justify;}
.nextlink{padding:0px 5px;color:#0264C5;line-height:10px; font-size:12px;margin:0 5px 0 10px; font-weight:bold; text-decoration:none;font-family:Arial, verdana, Helvetica, sans-serif;}
.nextlink a{padding:0px 5px;color:#0264C5;line-height:10px; font-size:12px;margin:0 5px 0 10px; font-weight:bold; text-decoration:none;font-family:Arial, verdana, Helvetica, sans-serif;}
.nextlink a:hover{padding:0px 5px;color:#636363;line-height:10px; font-size:12px;margin:0 5px 0 10px; font-weight:bold; text-decoration:underline;font-family:Arial, verdana, Helvetica, sans-serif;}
#Reg-panel .read a{ color:#0264C5; padding:5px; font-size:11px; font-weight:bold; text-decoration:none;font-family:Arial, verdana, Helvetica, sans-serif; }
#Reg-panel .read a:hover{color:#636363; padding:5px; font-size:11px; font-weight:bold; text-decoration:underline;font-family:Arial, verdana, Helvetica, sans-serif; }
.profile-box{padding:5px 5px 5px 5px; border:#E9E9E9 1px solid; width:100px; height:185px;}
.pro-blue{color:#0264C5;line-height:16px; font-size:12px;font-weight:bold; text-decoration:none;font-family:Arial, verdana, Helvetica, sans-serif; padding:0px 0px 5px 0px; }
.pro-blue a{color:#0264C5;line-height:16px; font-size:12px;font-weight:bold; text-decoration:none;font-family:Arial, verdana, Helvetica, sans-serif;padding:0px 0px 5px 0px; }
.pro-blue a:hover{color:#0264C5;line-height:16px; font-size:12px;font-weight:bold; text-decoration:underline;font-family:Arial, verdana, Helvetica, sans-serif;padding:0px 0px 5px 0px; }
.pro-label{color:#69AD00;line-height:16px; font-size:13px;font-weight:bold; text-decoration:none;font-family:Arial, verdana, Helvetica, sans-serif; }
.pro-norm{color:#69AD00;line-height:16px; font-size:12px;font-weight:bold; text-decoration:none;font-family:Arial, verdana, Helvetica, sans-serif; }
.pro-texts{color:#69AD00;line-height:18px; font-size:12px;margin:0 5px 0 5px; font-weight:bold; text-decoration:none;font-family:Arial, verdana, Helvetica, sans-serif; }
.pro-desc{color:#606060;line-height:16px; font-size:12px; font-weight:bold; text-decoration:none;font-family:Arial, verdana, Helvetica, sans-serif; text-align:justify;}
.rating{color:#636363;font-size:11px;padding:0px 2px 0px 2px; font-weight:bold; text-decoration:none;font-family:Arial, verdana, Helvetica, sans-serif; }
.rating a{color:#636363;line-height:12px; font-size:11px;padding:0px 2px 0px 2px; font-weight:bold; text-decoration:none;font-family:Arial, verdana, Helvetica, sans-serif;}
.rating a:hover{color:#636363;line-height:12px; font-size:11px;padding:0px 2px 0px 2px; font-weight:bold; text-decoration:none; font-family:Arial, verdana, Helvetica, sans-serif;}
#form-field{padding:0px; margin:0px 0;}
#form-field h2{padding:0 0 0 0;text-align:center;margin:5px 0;color:#86C706;font-family:Arial, verdana, Helvetica, sans-serif; font-size:20px; font-weight:bold;}
#form-field label{ float:left; width:80px; line-height:23px; text-align:right; margin:0 10px 0 0; font-family:Arial, verdana, Helvetica, sans-serif; font-size:11px;color:#434343;}
#form-field .form-txt{ border:#ebebeb 1px solid;padding:0px 5px 0 5px;height:20px; width:150px;font-family:Arial, verdana, Helvetica, sans-serif; font-size:10px;}
#form-field .form-txt2{ border:#ebebeb 1px solid;padding:0px 5px 0 5px;height:20px; width:75px;font-family:Arial, verdana, Helvetica, sans-serif; font-size:10px;}
#form-field .form-btn{ background:url(images/Reg-But.png) no-repeat top; cursor:pointer; color:#fff; width:115px; height:31px; border:0; font-family:Arial, verdana, Helvetica, sans-serif; font-size:13px; font-weight:bold;}
#form-field .form-btn:hover{background:url(images/Reg-But-over.png) no-repeat top;width:115px; height:31px; }
#form-field .go-btn{ background:#86C706; cursor:pointer; color:#fff; width:30px; height:20px;border:0;font-family:Arial, verdana, Helvetica, sans-serif; }
#form-field .go-btn:hover{ background:#686868;}
#form-field .fLogin-btn{ background:url(images/Login-Button.png) no-repeat center; cursor:pointer; color:#000; width:125px; height:35px; border:0; font-family:Arial, verdana, Helvetica, sans-serif; font-size:12px; font-weight:bold;}
#form-field .fLogin-btn:hover{ background:url(images/Login-Button-o.png) no-repeat center;width:125px; height:35px; }
/* FOOTER */
#footer .content{
padding:0px;
text-align:center;
color:#90CF0F;
}
#footer .copyright{
padding:15px 5px;
text-align:center;
color:#0264C5;
font-family:Arial, verdana, Helvetica, sans-serif;
font-size:11px;
font-weight:bold; }
#footer a{
color:#0264C5;
text-decoration:none;
font-family:Arial, verdana, Helvetica, sans-serif;
font-size:11px;
font-weight:bold;
}
#footer a:hover{
color:#636363;
text-decoration:underline;
font-family:Arial, verdana, Helvetica, sans-serif;
font-size:11px;
font-weight:bold;
}
/* OTHER */
.right{text-align:right;padding:5px 5px 15px 0 ;}
.clear{clear:both;}
.mb span{display:block; background:url(images/play_btn.png) no-repeat 5px 50%; padding:0 0 0 40px;}
.sucMes{ text-align:center; font-weight:bold; color:#86c706;}
.errMes{ text-align:center; font-weight:bold; color:#FF3300;}
.recipes{ border:1px #e8e2ef solid;}
.read a{ color:#90CF0F; font-size:11px; font-weight:bold; text-decoration:none;font-family:Arial, verdana, Helvetica, sans-serif; }
.read a:hover{color:#636363;font-size:11px; font-weight:bold; text-decoration:underline;font-family:Arial, verdana, Helvetica, sans-serif; }
.cbox2{ color:#636363; margin-top:5px; border:2px #e1e1e1 solid; color:#0264c5;}
.cbox2 h2{ color:#0264c5; font-size:13px;}
.cbox3{ color:#636363; margin:5px 0px 10px 0px; padding-bottom:3px; border:2px #e1e1e1 solid; color:#0264c5;}
.cbox3 h2{ line-height:25px; color:#68AA00; font-size:13px; margin:0px 0px 0px 10px; font-weight:bold; padding:0px 0px 0px 5px;}
.register-btn1{ background:url(images/Read-Btn.png) no-repeat center; color:#fff; width:125px; height:25px; border:0;font-size:14px; font-weight:bold; font-family:Arial, verdana, Helvetica, sans-serif; line-height:18px;}
.register-btn1:hover{ background:url(images/Read-Btn-o.png) no-repeat center; color:#fff; width:125px; height:25px; border:0;font-size:14px; font-weight:bold; font-family::Arial, Helvetica, verdana, sans-serif;line-height:18px;}
.register-btn2{ background:url(images/new-reg-btn.png) no-repeat center; color:#fff; width:90px; height:25px; border:0;font-size:14px; font-weight:bold; font-family:Arial, verdana, Helvetica, sans-serif; line-height:18px;}
.register-btn2:hover{ background:url(images/new-reg-btn-ovr.png) no-repeat center; color:#fff; width:90px; height:25px; border:0;font-size:14px; font-weight:bold; font-family::Arial, Helvetica, verdana, sans-serif;line-height:18px;}
.register-btn3{ background:url(images/sqr_reg_btn.gif) no-repeat center; color:#fff; width:90px; height:25px; border:0;font-size:12px; font-weight:bold; font-family:Arial, verdana, Helvetica, sans-serif; line-height:18px;}
.register-btn3:hover{ background:url(images/sqr_reg_btn_ovr.gif) no-repeat center; color:#fff; width:90px; height:25px; border:0;font-size:12px; font-weight:bold; font-family::Arial, Helvetica, verdana, sans-serif;line-height:18px;}
.cbox4{ color:#636363; background:url(images/green-header-right.jpg) no-repeat; width:710px; color:#90cf0f;}
.cbox4 h2{ line-height:33px; color:#68AA00; font-size:13px; margin:0px 0px 0px 10px; font-weight:bold;}
.cbox5{ background:url(images/green-header-middle.jpg) no-repeat; width:960px; color:#86c706;}
.cbox5 h2{ line-height:33px; color:#86c706; font-size:13px; margin:0px 0px 0px 10px; font-weight:bold;}
.search{ width:232px; }
.boxheader-top1{background:url(images/Green-Header-Top1.jpg) top center no-repeat; width:200px; height:33px; }
/* Album Images CSS Document */
/*Show Image Starts*/
#preview{
position:absolute;
border:1px solid #ccc;
background:#333;
padding:5px;
display:none;
color:#fff;
}
/*Show Image Ends*/
.arrowButtonUp{
background:url(images/arrowBtnUp.png) no-repeat;
}
.arrowButtonDown{
background:url(images/arrowBtnDown.png) no-repeat;
}
/* Image Styles Starts */
#imageView{
background:url(images/albumView.png) no-repeat;
width:379px;
height:180px;
}
#imageView .mainImage{
padding:1px;
vertical-align:middle;
border:3px #CCCCCC solid;
margin:30px 0px 0px 20px;
}
.ImageBox{
padding:1px;
border:1px #e5ecf1 solid;
}
/* Image Styles Ends */