/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
	products.htm
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~  */
div.products_box { position:relative; float:left;  margin-top: 16px; margin-bottom: 24px; height: 265px; width: 275px; }
div.products_essentials { background: url(../images/fom_essentials.png) no-repeat; margin-right: 24px; }
div.products_multiband  { background: url(../images/fom_multiband.png)  no-repeat; }
div.products_creative   { background: url(../images/fom_creative.png)   no-repeat; margin-right: 24px;}
div.products_mastering  { background: url(../images/fom_mastering.png)  no-repeat; }

#productsText     { position: relative; top: 58px; left: 18px; width: 128px; line-height: 24px; }

div.find_out_more { position: absolute; bottom: 14px; left: 42px; width: 170px; font-weight: bold; text-align: right;}
div.find_out_more p { top:5px; }

/* full width box */
div.productsBoxFull     { position:relative; margin-top: 16px; margin-bottom: 24px; height: 101px; width: 574px; background: url(../images/product_generic.png)  no-repeat;}
div.productsBoxFullText { position: relative; top: 8px; left: 130px; width: 425px;  line-height: 24px;  }
div.productsBoxFullIcon { position:absolute; top:8px; left:20px; height:84px; width:90px; }
div.productsHeadingWrap { margin-bottom:2px; }
div.productsHeadingWrap img { float:left; }
div.productsHeadingWrap h1  { float:left; font-family:arial; font-weight:normal; margin-right:4px; margin-top:6px; }
div.findOutMoreFull     { position: absolute; bottom: 8px; right: 20px; width: 170px; font-weight: bold; text-align: right;}
div.products_freeg      { background: url(../images/fom_freeg.png)  no-repeat; }
div.productsFreeg       { background: url(../images/icon_freeg.png)  no-repeat; }

div.productsGenericBundle     { position:relative; margin-top: 16px; margin-bottom: 24px; height: 202px; width: 574px; }
div.productsGenericBundleText { position: relative; top: 12px; left: 166px; width: 386px; line-height: 24px; }
div.productsGenericIcon       { position:absolute; top:12px; left:12px; width:143px; height:132px;}
div.iconStudio1               { background:url(../images/icon_studio1.png); }
div.findOutMoreGeneric        { position: absolute; bottom: 13px; right: 20px; width: 170px; font-weight: bold; text-align: right;}
div.products_studio1          { background: url(../images/banners/banner_generic.png)  no-repeat; }
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
	Bundles
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~  */
div.bundleEssentials { background: url(../images/bundle_essentials.png) no-repeat; }
div.bundleMultiband  { background: url(../images/bundle_multiband.png)  no-repeat; }
div.bundleCreative   { background: url(../images/bundle_creative.png)   no-repeat; }
div.bundleMastering  { background: url(../images/bundle_mastering.png)  no-repeat; }
div.bundleStudio1    { background: url(../images/banners/banner_generic.png)  no-repeat; }

#bundleText { position: absolute; margin-top: 104px; margin-left: 24px; width:372px; height:100px; opacity:1 }
#bundleDL   { position: relative; float:left; height: 20px;  width:320px; top:5px; }

#bundleBuy    { position:relative;  margin-top:14px; height:34px; width:580px; border-top: 1px dotted white; }
#bundleBuyNow { display:inline; position:relative; margin-top: 6px; }


div.bundleBody { position: relative; margin-top:0px; /*width: 592px;*/ padding-top:4px; padding-bottom:18px;}

div.bundleProductTitle { width:100%; text-align:center; }

div.threeWayOuter { position: relative; float:left; width: 179px; margin-right: 14px; }
div.threeWayHead  { background:url(../images/boxhead_3way.png) no-repeat; text-align: center;}
div.threeWayBody  { position: relative; background:white;  margin-top: 4px; padding-top: 6px; }
div.threeWayText  { position: relative; top: 8px; height: 220px; width: 160px; margin-left: 8px; padding-top: 4px; line-height:11pt; border-top: 1px dotted grey; border-bottom: 1px dotted grey;}
div.threeWayFom   { position: relative; top: 12px; height:36px; width:169px; text-align:right; }

div.twoWayOuter { position: relative; float:left; width: 276px; margin-right: 14px;}
div.twoWayHead  { background:url(../images/boxhead_2way.png) no-repeat; text-align: center;}
div.twoWayBody  { position: relative; background:white; height:378px; margin-top: 4px; padding-top: 6px; }
div.twoWayText  { position: relative; top: 8px; height:185px; width: 250px; margin-left: 12px; padding-top: 4px; border-top: 1px dotted grey; border-bottom: 1px dotted grey;}
div.twoWayFom   { position: relative; top: 14px; width:263px; text-align:right; }

div.fourWayOuter { position: relative; float:left;  width: 276px; margin-right: 14px; margin-bottom:26px;}
div.fourWayHead  { background:url(../images/boxhead_4way.png) no-repeat; text-align: center;}
div.fourWayBody  { position: relative; background:white; height:90%; margin-top: 4px; padding-top: 6px; }
div.fourWayText  { position: relative; float:left; top: 8px; height: 165px; width: 140px; margin-left: 12px; padding-top: 2px; border-top: 1px dotted grey; border-bottom: 1px dotted grey; line-height:14px;}
div.fourWayFom   { position: relative; top: -24px; left: 160px; width:108px; text-align:right;}

img.trialArrow   { position: relative; top: 5px; }


/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
	Individual Products
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~  */
div.productHeading { position: relative; width:586px; height: 38px; text-align:right; padding-top:4px; }

div.essentials { background: url(../images/heading_essentials.gif) no-repeat; }
div.multiband  { background: url(../images/heading_multiband.gif)  no-repeat; }
div.creative   { background: url(../images/heading_creative.gif)   no-repeat; }
div.mastering  { background: url(../images/heading_mastering.gif)  no-repeat; }
div.freeg      { background: url(../images/heading_freeg.png)  no-repeat; }

#productBuy    { position: relative; top: 14px; height:34px; width:580px; border-top: 1px dotted gray; border-bottom: 1px dotted gray; padding-top: 4px; }
#productBuyNow { float:right; margin-top:-6px; text-align:right; display:inline; }
#productImage  { position: relative; text-align: center; }

#productBodyWrap { position:relative; width:100%; height:410px; margin-top:30px; padding-bottom:20px; border-bottom: 1px dotted white; }

#productOverview {  position: absolute;  height:295px; width:390px; background:blue;background:url(../images/product_tab_left.png) no-repeat;   z-index:2; }
#productFeatures {  position: absolute;  height:295px; width:390px; background:blue;background:url(../images/product_tab_middle.png) no-repeat; z-index:1; }
#productSpecs    {  position: absolute;  height:295px; width:390px; background:blue;background:url(../images/product_tab_right.png) no-repeat;  z-index:1; }

#overviewWrap     {  position: absolute; width:390px; /* height:295px; */  z-index:2; }
#overviewTop      {  height:37px;  width:375px; background:url(../images/product_tabs/tab1_top.png) no-repeat; }
#overviewMiddle   {  position:relative; background:#333333; width:375px; height:335px; }
#overviewBottom   {  width:375px; height:18px; background:url(../images/product_tabs/tab1_bottom.png) no-repeat; } 

#applicationsWrap   {  position: absolute; width:390px;  z-index:1; }
#applicationsTop    {  height:37px;  width:375px; background:url(../images/product_tabs/tab2_top.png) no-repeat; }
#applicationsMiddle {  position:relative; background:#666666; width:375px; height:335px; }
#applicationsBottom {  width:375px; height:18px; background:url(../images/product_tabs/tab2_bottom.png) no-repeat; }

#featuresWrap   {  position: absolute; width:390px;  z-index:1; }
#featuresTop    {  height:37px;  width:375px; background:url(../images/product_tabs/tab3_top.png) no-repeat; }
#featuresMiddle {  position:relative; background:#828282; width:375px; height:335px; }
#featuresBottom {  width:375px; height:18px; background:url(../images/product_tabs/tab3_bottom.png) no-repeat; }

div.productTab    { text-align:center; }
#productTab1      {  position: absolute; height: 22px; width:121px; z-index:4; text-align:center; line-height:23px;  color:white; }
#productTab2      {  position: absolute; left: 127px; height: 22px; width:121px; z-index:4; text-align:center; line-height:23px;  color:black; }
#productTab3      {  position: absolute; left: 254px; height: 22px; width:121px; z-index:4; text-align:center; line-height:23px;  color:black; }

#requirementsOuter     { position: absolute; left: 400px; height: 410px; width:178px;}
#requirementsHead      { background:url(../images/boxhead_requirements.png) no-repeat; height: 26px; text-align: center; }
#requirementsOuterBody { position: relative; top:2px; height: 359px; width:176px; background: #141414; border: 2px solid #2E2E2E; }
#requirementsBody      { position: relative; height: 258px; width: 168px; padding-left: 8px; padding-top: 4px; background:url(../images/background_requirements.png) no-repeat; }

#productBodyText
{
	position:relative;
	/*top: 34px;*/
	left: 16px;
	color: white;
	width: 346px;
	height: 224px;
	border-top: 1px white dotted;
	border-bottom: 1px white dotted;
	padding-top: 16px;
	line-height: 12px;
}

div.productBodyText
{
	position:relative;
	/*top: 34px;*/
	left: 16px;
	color: white;
	width: 346px;
	border-top: 1px white dotted;
	border-bottom: 1px white dotted;
	padding-top: 16px;
	padding-bottom:12px;
	line-height: 12px;
}

#productBodyText ul { margin-left:12px; color:yellow }
#productBodyText li { margin-bottom:4px; color:yellow}

div.productBodyText ul { margin-left:16px; color:cyan; list-style-type:square; }
div.productBodyText li { margin-bottom:6px; }

a { color:inherit; }  /* required so tab-link colour can be dynamically modified */

a.productTab { display: block; text-decoration: none; font-family: verdana; font-size:10px; font-weight:bold;}

ul.requirements { padding:0; list-style-type:none; margin-bottom:8px; font-family: verdana; font-size:10px; color:white;}
img.requirements{ float:left; padding-top: 8px; padding-right:11px; text-align:center; }

#productPriceTable { margin-top: 6px; margin-bottom:12px; border-top:1px dotted cyan; border-bottom:1px dotted cyan; }
#productPriceTable td.name { padding-right:18px; }

#bundlePriceTable { margin-top: 6px; border-top:1px dotted cyan; border-bottom:1px dotted cyan; }
#bundlePriceTable tr.head    {  text-align:center; color:yellow; }
#bundlePriceTable td.bundle  {  padding-right:18px; }
#bundlePriceTable td.price   {  padding-right:18px; text-align:right; }
#bundlePriceTable td.saving  {  text-align:right; }
#bundlePriceTable td.big     {  font-weight:bold; }