/*   Mobile Wonders Style Sheet   
By Maxtec Designs
written by Myk Roveros 
*/

*{
margin:0;padding:0;font-family:arial;font-size:8pt;
}

body{
background:#4e5158 url(../images/background.jpg) center top no-repeat;
}
/* shell */
div#shellbox{
width:100%;height:auto;margin:0;padding:0;text-align:center;display:table;

}
/* shell_border   */
div#shellcontainer{
/*width:790px;height:auto;margin:0 auto;text-align:center;background:#decddd url(../images/shellbg.jpg) top left repeat-x;min-height:100%;*/

width:790px;height:auto;margin:0 auto;text-align:center;min-height:100%;
}
/* container  */
div#container{
width:780px;height:auto;margin:0 auto;text-align:center;display:table;

}

/* logo  */
div#logostyle{
height:89px;text-align:left;background:#fff;
}

/*header  */
div#headerbg{
width:780px;height:249px;padding:0;margin:0;overflow:hidden;
}

/* menu  */
div#menu{
height:40px;background:url(../images/menubg.jpg) left top repeat-x;padding-left:70px;
}
div#menu ul{
width:auto;height:40px;text-align:center;list-style:none;margin:0px;padding:0;
}


div#menu ul li{
width:auto;height:40px;line-height:40px;list-style-type:none;display:block;float:left;padding-left:15px;padding-right:15px;font-weight:bold;
}

div#menu ul li a{
line-height:40px;text-decoration:none;height:40px;display:block;color:#000;width:inherit;float:left;
}

div#menu ul li a:hover{
background:url(../images/menubg_over.jpg) left top repeat-x;line-height:40px;text-decoration:none;height:40px;display:block;width:inherit;float:left;color:#8f4d8b;
}
/* contents  */
div#content_main{
background:#fff;height:auto;text-align:left;margin-left:0px;padding-left:0px;width:780px;display:table;
}

div#content_main_left{
height:auto;width:230px;float:left;text-align:center;
}

div#content_main_left ul{
width:225px;height:inherit;list-style:none;text-align:center;padding-top:20px;
}

div#content_main_left ul li{
width:225px;list-style:none;margin:0 auto;
}
div#content_main_left ul li h4{
height:35px;font-size:12px;font-weight:bold;color:#999;line-height:30px;
}

div#content_main_left ul li p{
padding-right:7px;padding-left:7px;color:#5aa8b7;font-size:11px;
}

div#content_main_right{
height:100%;width:460px;float:right;text-align:center;margin-right:10px;
}

/* contents  Products  */
div#content_main_right_prod{
width:450px;border:#b2e3ee 1px solid;text-align:left;margin-top:20px;height:auto;
}


/* Featured Product Main Page*/
ul#featprod{
width:450px;height:145px;list-style:none;
}

ul#featprod li{
float:left;height:auto;
}
ul#featprod li h3{
float:left;height:16px;color:#256476;font-size:14px;width:290px;text-indent:5px;padding-top:5px;padding-bottom:5px;
}

ul#featprod li img{
width:auto;border-right:1px #b2e3ee solid;

}


ul#featprod li p{
width:290px;text-align:left;float:left;margin-left:5px;margin-bottom:10px;height:inherit;
}

li#featprodtitle{
text-align:right;width:304;float:left;font-size:16px;font-weight:bold;border-bottom:1px solid #b2e3ee; 
}


li#prod_tn { width:450px;height:125px;border:1px solid #b2e3ee;background:url(../images/main_prods_bg.jpg) left top repeat-y;margin-right:5px;margin-bottom:10px; text-align:right;list-style:none;}

li#prod_tn img{width:150px;vertical-align:text-top;margin-right:10px;float:left;}

li#prod_tn h4{ color:#6f1f6a;font-size:12px;padding-top:10px;padding-bottom:5px;text-align:left;}

li#prod_tn p{
margin-left:10px;margin-right:5px;margin-bottom:10px;text-align:left;
}

/* contents Store Finder  */
div#storeloc {
width:630px;margin:0 auto;margin-bottom:30px;
}

div#storeloc ul{
width:630px;height:inherit;list-style:none;text-indent:0;
}

div#storeloc ul li{
width:200px;height:160px;line-height:15px;display:block;float:left;border-bottom:1px #ade0e9 dotted;margin-right:10px;margin-bottom:15px;padding-top:10px;text-indent:5px;background:#dbeff2;
}

.partext{
margin-bottom:10px;width:450px;
}
#parheader{
font-size:16px;color:#256476;height:40px;line-height:40px;
}

/* contents Contact Us */
.contitle{
font-size:12px;font-weight:bold;color:#751d74;
}
div#cform{
width:400px;height:auto;text-align:center;
}

div#cform ul{
width:400px;list-style:none;float:left;height:auto;
}

div#cform ul li{
width:400px;height:auto;background:#d4f3f9;border:#b2e3ee 1px solid;margin-bottom:5px;padding:5px;text-align:center;
}
div#cform ul li input,textarea {
width:300px;border:#eee 1px solid;background:#fff;height:25px;

}

/* Press Release */
.press {height:30px;line-height:30px;width:200px;background:#effdff;margin-bottom:2px;}
.press2 {height:30px;line-height:30px;width:200px;background:#d2edf2;margin-bottom:2px;}
.imgbox{width:127px;height:125px;border:#b2e3ee 1px solid;margin-bottom:5px;}




/* sub menu  */
div#submenu_title{
height:25px;line-height:25px;background:url(../images/submenutitlebg.jpg) left top repeat-y;text-align:left;text-indent:20px;font-size:16px;font-weight:bold;color:#fff;
}
div#submenu{
height:53px;line-height:53px;background:url(../images/submenubg.jpg) left top repeat-x;color:#000;text-align:center;margin:0 auto;padding:0;padding-left:85px;
}

div#submenu ul{
width:auto;height:53px;text-align:center;list-style:none;margin:0;padding:0;
}
div#submenu ul li{
width:auto;height:53px;line-height:53px;list-style-type:none;display:block;float:left;padding-left:5px;padding-right:5px;font-weight:bold;
}

div#submenu ul li a{
line-height:53px;text-decoration:none;height:53px;display:block;color:#000;width:inherit;float:left;padding-left:5px;padding-right:5px;
}

div#submenu ul li a:hover{
background:url(../images/submenubg_over.jpg) left top repeat-x;line-height:53px;text-decoration:none;height:53px;display:block;width:inherit;float:left;color:#8f4d8b;padding-left:5px;padding-right:5px;
}

/* footer  */
div#footer{
height:55px;background:url(../images/footbg.jpg) #6a2765 bottom center no-repeat;color:#fff;text-align:center;font-size:90%; 
}
div#footer ul{
display:inline;list-style:none;text-align:center;
}
div#footer ul li a{
text-decoration:none;
}
div#footer ul li{
display:inline;
}
div#footer ul li a:hover{
text-decoration:underline;
}


/*================= ADDED CSS EDIT FOR TYPO 3 CLASSES =========================*/

.csc-mailform{
width:400px;text-align:center;border:none;
}



.csc-mailform-field { 
color:#000;height:20px;line-height:auto;float:left;display:block;clear:left;width:400px;text-align:center;margin-top:5px;margin-bottom:10px;;
}

#mailformname, #mailformAddress, #mailformContact_Number, #mailformEmail_Address{
width:370px;border:#b2e3ee 1px solid;background:#fff;height:20px;

}


#mailformcompany_Name, #mailformLine_of_Business, #mailformOffice_Number, #mailformMobile_Number, #mailformIdeal_Type_of_Business{
 width:370px;border:#b2e3ee 1px solid;background:#fff;height:20px;
 }

#mailformInquiry{
width:370px;border:#b2e3ee 1px solid;background:#fff;height:60px;
}

#mailformformtype_mail{
width:200px;background:#b2e3ee;border:#b2e3ee 1px solid;height:25px;margin-top:40px;margin-bottom:30px;cursor:pointer;
}

/*================= ADDED CSS FOR PRESS RELEASE =========================*/

div#pressrelease{
width:710px;min-height:400px;margin:0 auto;text-align:center;margin-top:20px;
}

div#pr_box{
width:135px;height:265px;border:#b2e3ee 1px solid;float:left;margin-left:15px;margin-right:15px;text-align:center;margin-top:15px;
}

div#pr_box ul li img{
margin-top:5px; margin-bottom:5px;
}

div#pr_box ul{
width:135px;height:auto;list-style:none;
}

div#pr_box ul li{
width:135px;float:left;display:block;

}

.pr_title{
color:#000000;font-size:12px;font-weight:bold;height:25px;line-height:25px;background:#b2e3ee;
}
.pr_text{
height:30px;line-height:30px;background:#b2e3ee;font-weight:bold;border-top:1px solid #FFFFFF;
}

div#pressrelease a, a:link{
text-decoration:none;color:#000000;
}

div#pressrelease a:hover{
text-decoration:underline;color:#4898a7;
}


/*================= ADDED CSS EDIT FOR TYPO 3 CLASSES for Products=========================*/





.news-list-container ,.news-single-item{
width:470px;
min-height:400px;
}

.news-list-container IMG , .news-single-item IMG{
float:none;
}

.news-list-container h2 , .news-single-item h2 A{
color:#256476;
font-size:14px;
}

.tx-comments-comments {
width:470px;
}

#logholder{
float:left;
width:303px;
}

#iconsholder{
padding-top:15px;
float:right;
width:140px;
padding-left:15px;
}

#iconsholder A IMG{
border:none;
}

div.tooltip{
width:180px;
}