/*
  * Deepak Shinde
  * Date: 20/11/2008
  * This layout would be used for new layout and design og globalgraphic.com - Homepage.
  * The same should either be imported [@import url(css/newHome.css);] or linked in Homepage
*/

/* Import the Tabs CSS here */
/*
@import url("tabs.css");
*/

/* New design has Diff BG Color for header - Important*/
#head{background: #EEE!important;}

/* Set Current Tab as slected */
ul#navmenu-h #home a,
ul#navmenu-h #home li a {
  background: #000 url(/images/navbar/home_selected.gif) no-repeat 0 0;  
  width: 53px;
  height: 37px;
  margin: 0px;
  padding: 0px;
}

/* New design has BG Image - Importatnt*/
body{background:transparent url("/images/gdoc/Grey_generic_gradation.png") repeat-x !important;}
#wrapper {background:transparent;} 
#rightHeader{float: right; background: transparent url(/images/gdoc/gDoc_box_background.png) no-repeat top right; margin: 0px; padding: 0px; height: 275px; width: 234px;} 
h1.productHeading{font-size:25px!important; color:#fff; padding: 5px!important; margin:5px 10px;}
.productLaunch{font-size:15px!important; font-weight: lighter; color:#fff; padding: 5px 15px 20px!important;}
.productDesc{font-size:11px!important; font-weight: lighter; color:#fff; padding: 0px 15px!important;}
.prodPrice{font-size:41px; font-weight: lighter; color:#fff; padding: 0px 15px!important;}
.currencyText{font-size:31px; font-weight: lighter; margin: 0px; padding: 0px; padding-top: 10px; width: 40px; text-align: right; color:#fff;}
.amountText{font-size:81px; font-weight: lighter; padding: 20px 0px; vertical-align: middle; color:#fff;}
.rrpText{font-size:14px; margin: 0px; padding: 0px; padding-top: 10px; width: 80px; text-align: left; color:#fff;}
.btnmore{float: right; padding: 0px 10px 20px 5px;}
.btndownload{float: right; padding: 7px 10px 20px 5px;}
.btnSolutions{float:right; padding-left: 5px;padding-top: 10px;}
    
#rightHeader div
{padding:10px;}
#rightHeader h3
{
 color: #fff;
 font-size: 25px;
 font-weight: bold;
 padding-bottom: 20px;
}
.price
{
 color: #fff;
 font-size: 45px;
 font-weight: bold; 
}
#bodyContentsHome
{ 
 width: 968px;
 margin: 0px auto;
 min-height: 100%!important;
 background-color: transparent;
 padding: 0px;
}

#mainHome
{
 width: 968px;
 margin: 0px auto;
}
#tblgDoc{background: transparent url("/images/homepage/gDoc_box_background.png") no-repeat top right; height:220px; width:211px; margin-top: 27px;}
#tblViewer{background: transparent url("/images/homepage/free-creator-panel.gif") no-repeat top right; height:220px; width:211px; margin-top: 27px;}
#blueMan{background: transparent url("/images/homepage/Blue_man_homepage.png") no-repeat left bottom; height:170px; width:121px;}
#tblHqn{background: transparent url("/images/gdoc/HARLEQUIN_BOX_BACKGROUND.png") no-repeat top right; height:220px; width:207px; margin-top: 27px;}
.tblViewerText{height: 105px; padding: 40px 15px 10px 1px;  text-align:right;}
.tblHqnText{height: 105px; padding: 50px 15px 10px 85px; text-align:right;}
#tblCIO{background: transparent url("/images/gdoc/CIO_survey_box.png") no-repeat top right; height:220px; width:210px; margin-top: 27px;}
.tblCIOText{height: 105px; padding: 40px 15px; text-align:center;}
.tblCIOText a{color:#1047d1!important;}
.tblCIOText a:hover{color:#b93382!important;}
#foot
{
 width: auto!important;
 float: right!important;   
 vertical-align: top!important;   
}

/* The layout style Start*/
/* Main container*/

#designContainer{margin: 0px; padding: 0px; width: 968px;}

#tabContainer{float: left; margin: 0px 0px 20px 0px; padding: 0px 0px 6px 0px; width: 520px;}

#flashMovie{float: left; height: 275px; width: 734px; margin: 0px 0px 10px 0px; padding:0px; background: transparent;}

#tickerHloder{clear: both; width: 968px; height: 34px; margin: 0px 0px 20px 0px; padding: 0px;}
#tickerHloder a, a:visited, a:hover{color:#363636;}
#tabMenu{margin: 20px 0px 0px 0px; padding: 0px; width:968px;}
#tabMenu a, a:visited, a:hover{color:#fff;}
a, a:visited, a:hover{color:#595959!important;}
/* The layout style End*/

/*Ticker Style Start*/
.ggBox{background:transparent url(/images/homepage/bg_about_background.gif) no-repeat 0 0;width:181px;height:215px;float:left;padding:0px;margin:0px;}
/* .printBox{background:transparent url(/images/homepage/bg_printing_solutions.gif) no-repeat 0 0;width:394px;height:215px;float:left;} */
/* .buzBox{background:transparent url(/images/homepage/bg_business_applications.gif) no-repeat 0 0;width:394px;height:215px;float:left;} */
.boxPanel{
	background:transparent url(/images/homepage/bg_panel.gif) no-repeat 0 0;width:262px;height:215px;float:left;
}
.officeBox{background:transparent url(/images/homepage/Office_image.png) no-repeat right bottom;width:262px;height:215px;}
.ripBox{background:transparent url(/images/homepage/Harlequin_image.png) no-repeat right bottom;width:263px;height:215px;}
.whiteLabelBox{background:transparent url(/images/homepage/White_label_image.png) no-repeat right bottom;width:263px;height:215px;}
.printText{padding:15px;}
.printText h2{
	color: #000000;
	margin: 0;
	font-weight: normal;
	font-size: 1.5em;
	margin-bottom: 5px;
}
.ggText{padding:20px;color:#fff;line-height:2em;font-size:12px;}
.ggText a{color:#fff!important;}
.printText a{color:#000!important;}
.tickercontainer {width: 868px; height: 34px; margin: 0; padding: 0; overflow: hidden;float:right}
#newsBg{width: 968px; height: 24px; margin: 0px; padding: 0px; background: #808080 url("/images/homepage/news.png") no-repeat 0 0 ;border-top:1px solid #fff;}

/* this serves as a mask. so you get a sort of padding both left and right */
.tickercontainer .mask {position: relative; left: 0px; top: 4px; width: 875px; overflow: hidden;}

.newsList{list-style-type:square;}

ul.newsticker {position: relative; left: 875px; font: bold 10px Verdana; list-style-type: none; margin: 0; padding: 0;}

/* important: display inline gives incorrect results when you check for elem's width */
ul.newsticker li {float: left; margin: 0; padding: 0; }

ul.newsticker a {white-space: nowrap; padding: 0; color: #fff!important; font: bold 10px Verdana; margin: 0px 20px 0px 0px;}
 
ul.newsticker span {margin: 0 10px 0 0;}
/* Ticker Style End*/

/* CSS Drop Shadow Start*/

.dropShadow {float:left;  background: url("/images/homepage/shadowAlpha.png") no-repeat bottom right !important; background: url("/images/homepage/shadow.gif") no-repeat bottom right; margin: 10px 0 0 10px !important;  margin: 10px 0 0 5px; }

.dropShadow img {display: block; position: relative; background-color: #fff; border: 1px solid #a9a9a9; margin: -6px 6px 6px -6px; padding: 4px;}
/* CSS Drop Shadow End*/

/* Addition to Tab Start*/
#tabRightBox{float: right; padding: 0px; margin: 27px 0px; vertical-align: top;}

#jdfHolder, #hqnHolder{float:left; height: auto; width: 214px; height: auto; background: url("/images/homepage/shadowAlpha.png") no-repeat bottom right !important; background: url("/images/homepage/shadow.gif") no-repeat bottom right; margin: 0px; padding: 0px 0px 6px 0px;}

#hqn, #jdf{float: left; padding: 0px; margin: 0px; width: 206px; min-height: 85px; height: auto; border: 1px solid #fff;}

#hqn{background: #a7a7a7 url("/images/homepage/Harlequin_box_background.gif") no-repeat top right;}

#jdf{background: #a7a7a7 url("/images/homepage/JawsPDF_box_background.gif") no-repeat top right;}

#jdf p, #hqn p{padding: 0px 10px; color: #fff; }

.leftImg{float: left; padding: 5px;}

.rightTabImg{float: right; background-position: bottom right; margin-right:-1.1em; height: 199px;}

.listImage{vertical-align: middle; padding-bottom:2px;}

.linebreak{width: 15px; height: 1px!important;}
/* Addition to Tab End*/
.homeProductDesc{font-size:17px!important; font-weight: lighter; color:#fff; padding: 0px 15px!important; line-height:1.3em;}
.offerAmount{font-size:34px; font-weight: lighter; margin: 10px auto; padding:  0px; text-align: right!important; color:#fff; clear:both!important;}
.offerText{line-height: 1.2em; font-size:14px; font-weight: bold; margin: 0px; text-align: right; color:#fff;}
#tblOffer{margin: 0px; padding: 0px; width: 215px;}