/* STANDARD DOCUMENT VERSION: PBL_HTML_001_09
COMPANY NAME: PBL
COMPANY URL: www.pixelbytelab.com
PROJECT NAME: beatbeans
MODULE NAME: stylesheet
CREATED ON: 07-10-09
CREATED BY: Vadivelu
MODIFIED BY: if modified
MODIFIED ON: date specify
*/
/* -------------------------------------------------- reset style start ----------------------------------------------------------------------------------*/
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, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
margin: 0;
padding: 0;
border: 0;
outline: 0;
vertical-align: baseline;
background: transparent;
}
body {
line-height: 1;
}
ul {
list-style: none;
}
blockquote, q {
quotes: none;
}
blockquote:before, blockquote:after, q:before, q:after {
content: '';
content: none;
}
/* remember to define focus styles! */
:focus {
outline: 0;
}
/* remember to highlight inserts somehow! */
ins {
text-decoration: none;
}
del {
text-decoration: line-through;
}
/* tables still need 'cellspacing="0"' in the markup */
/* reset style close */
/* clearfix start */
.clearfix:after {
content: ".";
display: block;
clear: both;
visibility: hidden;
line-height: 0;
height: 0;
}
.clearfix {
display: inline-block;
}
html[xmlns] .clearfix {
display: block;
}
* html .clearfix {
height: 1%;
}
.clear {
clear:both;
}
/* -------------------------------------------------- reset style end ----------------------------------------------------------------------------------*/
body {
font-size:12px;
color:#231f20;
padding:60px 0 0 40px;
}
img {
display:block;
}
.floatLeft {
float:left;
}
.imgspace {
margin-right:5px;
}
h1 {
font-family:"Arial Black", Helvetica, sans-serif;
line-height:16px;
font-size:12px;
font-weight:normal;
color:#ff0000;
}
.headspace {
padding-bottom:15px;
}
a {
text-decoration:none;
color:#231f20;
}
#grid {
background: transparent url(../images/gridbg.png) no-repeat 0 0;
width:1000px;
height:736px;
position:absolute;
left:0;
top:0;
}
#container {
background: #fff url(../images/bglogo.png) no-repeat 0 0;
padding-top:50px;
overflow:hidden;/*width:818px;*/
}
.logoLink{
height:60px;
left:286px;
position:absolute;
top:92px;
width:282px;
z-index:9999;
}
.logoLink img{
height:60px;
width:282px;
}
.header {
height:172px;
position:relative;
}
.mainNav {
bottom:-1px;
_bottom:-2px;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-weight:bold;
left:1px;
position:absolute;
text-transform:uppercase;
width:226px;
}
.mainNav li {
float:right;
}
.mainNav li a {
font-size:35px;
line-height:33px;
text-align:right;
color:#231f20;
}
.mainNav li.active a, .mainNav li a:hover {
color:#ff0000;
}
#content{
padding-top:18px;
}
.contentLeft {
width:226px;
float:left;
margin-right:11px;
height:372px;
}
.leftMenu {
text-align:right;
line-height:14px;
}
.leftMenu li a {
color:#231f20;
font-size:12px;
font-family:Verdana, Arial, Helvetica, sans-serif;
line-height:16px;
font-weight:bold;
}
.leftMenu li.active a, .leftMenu li a:hover {
color:#ff0000;
}
.contentRight {
float:left;
width:570px;
font-family:Arial, Helvetica, sans-serif;
font-weight:bold;
margin-left:11px;
line-height:16px;
font-size:12px;
color:#231f20;
}
.textSection {
margin-top:18px;
}
.imgSection {
margin-top:20px;
}
.redText {
color:#ff0000;
}
.redText a,a .redText{
color:#ff0000;
}
.formRow {
display:block;
padding-bottom:8px;
*padding-bottom:6px;
}
.rowLeft {
float:left;
width:62px;
padding-top:3px;
}
.rowRight {
float:left;
line-height:0;
}
input, select, textarea {
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
font-weight:bold;
color:#231f20;
}
.tbox {
border:1px solid #231f20;
width:215px;
height:16px;
padding:3px 4px;
}
.tboxError {
border:1px solid #ff0000;
width:215px;
height:16px;
padding:3px 4px;
}
.errorText{
color:#ff0000;
padding:3px 0 0 5px;
float:left;
}
.tarea {
border:1px solid #231f20;
width:215px;
height:56px;
padding:3px 4px;
overflow:auto;
margin:0;
}
.btn {
color:#231f20;
vertical-align:top;
line-height:8px;
*line-height:12px;
height:10px;
*margin-top:-2px;
float:left;
}
.contactForm {
padding-top:28px;
}
.inquiry a,a .inquiry{
color:#ff0000;
font-family:"Arial Black", Helvetica, sans-serif;
font-weight:normal;
background: #fff url(../images/arrow.jpg) no-repeat right 4px;
padding-right:17px;
}
.redLinkbold a,a .redLinkbold {
color:#ff0000;
font-family:"Arial Black", Helvetica, sans-serif;
font-weight:normal
}
.linkstext {
color:#ff0000;
font-family:"Arial Black", Helvetica, sans-serif;
font-weight:normal;
padding-right:6px
}
.contentRightwide {
color:#231F20;
float:left;
font-family:arial;
font-size:12px;
font-weight:bold;
line-height:16px;
margin-left:7px;
width:578px;
}
.contentRightwide h1{padding-left:4px}
.tableSection td {
font-family:arial;
font-size:12px;
font-weight:bold;
}
.contentRightwide .textSection {
padding-left:4px
}
.tableSection .redrow {
background-color:#ff0000;
height:16px
width:278px;
}
.tableSection td {
padding:0 0 0 4px;
height:16px
}
.tableSection {
padding-right:8px;
background: url(../images/table_bg.gif)
}
@media screen and (-webkit-min-device-pixel-ratio:0)
{
.contentRight{line-height:15px;}
}
a:hover span.linkcolor{color:#ff0000}
h3.accordion_head {
cursor:pointer;
display:block;
position:relative;
text-decoration:none;
font-size:12px;
width:auto;
padding:0;
font-weight:bold;
}
h3.active{color:#ff0000}
.accordion_content {
margin:19px 0 33px 0;
}
.fb a img{padding-left:8px;*padding-top:1px;}
/* 11-11-2011 */
.imageleft{
float:left;
margin:14px 4px 0 0;
}
.imageCommon {
display:block;
clear:both;
}
/* 21-11-2011 */
.galleryImage {
overflow:hidden;
}
.back {
width:286px;
text-align:right;
margin-top:3px; /* 30-11-2011 */
}
.galleryMenu {
color:#231f20;
font-size:12px;
font-family:Verdana, Arial, Helvetica, sans-serif;
line-height:16px;
font-weight:bold;
}
/* End of 21-11-2011 */