/* generic overwrites */
* {
	font-size: 11px;
	line-height: 1.5;
	font-family: Tahoma;
	color: #575757; }

body {
	margin: 0;
	padding: 0;
	background: url(page_bg.jpg) left top repeat-x #0d487e !important; }

img {
	border: none; }

form {
	margin: 0;
	padding: 0; }

td {
	vertical-align: top; }

a, a:visited {
	color: #2b77bc;
	text-decoration: none; }

a strong {
	color: #2b77bc; }

a:hover {
	text-decoration: underline; }

p {
	line-height: 1.6;
	margin: 0 0 10px 0; }

ul, ol {
	margin: 0px 0px 15px 0px;
	line-height: 1.4; }

ul {
	list-style: none;
	padding: 0; }

ol {
	padding: 0px 0px 0px 45px; }

ul li, ol li {
	margin: 5px 0px 0px 0px; }

ul li {
	background: url(ulbullet.gif) 0 6px no-repeat !important;
	padding: 0 0 0 14px; }

em {
	font: bold 11px Tahoma;
	color: #6ac800; }

/* main layout div */

.mainlayout {
	width: 990px; }

/* top of the page */

.pagetop {
	position: relative;
	background: url(top_bg.jpg) right top no-repeat;
	text-align: left;
	height: 119px; }

/* logo */

.pagetop .logo {
	display: block;
	position: absolute;
	left: 0px;
	top: 0px;
	background: url(top_logo.jpg) left top no-repeat;
	width: 173px;
	height: 119px; }

/* top first-level menu */

.topmenu {
	position: absolute;
	left: 270px;
	top: 30px; }

.topmenu a, .topmenu a:visited {
	display: block;
	float: left;
	background: url(topmenu_normalbgright.gif) right top no-repeat;
	padding: 0 18px 0 0;
	height: 32px; }

.topmenu a span, .topmenu a:visited span {
	display: block;
	font: bold 11px Tahoma;
	color: #d8ecff;
	background: url(topmenu_normalbgleft.gif) left top no-repeat;
	padding: 10px 0 11px 18px; }

.topmenu a.active, .topmenu a.active:visited, .topmenu a:hover {
	background: url(topmenu_activebgright.gif) right top no-repeat; }

.topmenu a.active span, .topmenu a.active:visited span, .topmenu a:hover span {
	color: #fff;
	background: url(topmenu_activebgleft.gif) left top no-repeat; }

/* site search form */

.sitesearch {
	display: block;
	float: left;
	position: absolute;
	left: 300px;
	top: 77px; }

.sitesearch .searchbox {
	font: 11px Tahoma;
	color: #fff;
	width: 182px;
	height: 21px;
	background: none;
	border: none; }

.sitesearch .submit {
	cursor: hand;
	background: none;
	border: none;
	width: 40px;
	height: 21px;
	margin-left: 4px; }

/* letter index */

.index {
	position: absolute;
	left: 538px;
	width:180px;
	top: 71px;
	text-align: center; }

.index a, .index a:visited {
	font: bold 11px/1.4 Arial;
	color: #3f7000;
	margin: 0 1px 0 1px; }

.index a.active{
	color: #CA2204;
}

.index a:hover {
	color: #ff7200; }

/* cart box */

.cartbox {
	position: absolute;
	left: 765px;
	top: 74px; }

.cartbox .price {
	float: left;
	font: bold 15px/1.0 Arial;
	color: #7d0000;
	width: 66px;
	height: 18px;
	margin: 0; }

.cartbox span {
	font: 10px Tahoma;
	font-weight: normal !important;
	color: #575757; }

.cartbox .checkout {
	display: block;
	float: left;
	width: 75px;
	height: 22px;
	margin-left: 70px; }

/* main menu with software categories */

.mainmenu {
	background: url(mainmenu_bg.jpg) left top no-repeat;
	width: 990px;
	height: 125px;
	text-align: left;
	padding: 0 0 0 17px; }

.mainmenu .header {
	font: bold 15px Arial;
	color: #ecff04;
	padding: 12px 0 9px 0; }

.mainmenu a, .mainmenu a:visited {
	display: block;
	float: left;
	background: url(mainmenu_bullet.gif) left 6px no-repeat;
	padding: 0 0 0 9px;
	color: #68b7ff;
	width: 182px;
	margin: 0 5px 12px 0;
	overflow: hidden; }

.mainmenu a:hover, .mainmenu a:hover span {
	color: #bbdeff !important; }

.mainmenu a span, .mainmenu a:visited span {
	color: #3e78ad !important;
	font-size: 10px; }

.mainmenu .viewall {
	color: #158fff !important; }

/* 2-column layout table */

.layouttable {
	width: 990px; }

.layouttable .leftcolumn {
	width: 740px; }

.layouttable .rightcolumn {
	width: 233px;
	padding: 4px 0 0 17px; }

/* intro text block */

div#phone {
	width:208px;
	height:72px;
	background-image:url(phone.gif);
	margin:5px 0px 15px 10px;
}

.intro {
	background: url(intro_bg.jpg) left top no-repeat;
	width: 740px;
	height: 116px; }

.intro .header {
	font: bold 18px Arial;
	color: #9fff08;
	padding: 15px 0 0 12px; }

.intro .header span {
	font: bold 18px Arial;
	color: #fff; }

.intro .text {
	color: #294405;
	padding: 17px 265px 0 12px; }

.intro .text a {
	color: #294405 !important; }

.intro .text a:hover {
	color: #fff !important; }

/* layout table for content columns */

.twocolumns {
	margin: 12px 0 0 0; }

.twocolumns .left {
	background: url(mainpage_blockbgbottom.gif) left bottom no-repeat #fff;
	width: 363px; }

.twocolumns .sep {
	width: 14px; }

.twocolumns .right {
	background: url(mainpage_blockbgbottom.gif) right bottom no-repeat #fff;
	width: 363px; }

.twocolumns td .header {
	font: bold 18px Arial;
	background: url(mainpage_blockbgtop.gif) left bottom no-repeat #0d487e;
	color: #ecff04;
	padding: 0 0 18px 12px; }

/* hot packages block */

.hotpackages {
	width: 345px;
	margin: 0 9px 0 9px; }

.hotpackages .item {
	background: url(storeitem_sep.gif) left bottom no-repeat;
	margin: 0 0 5px 0;
	height: 100px; }

.hotpackages .item .image {
	float: left;
	width: 108px;
	height: 75px; }

.hotpackages .item .title {
	display: block;
	float: left;
	font: bold 11px/1.4 Arial;
	width: 230px;
	height: 48px;
	overflow: hidden; }

.hotpackages .item .title em {
	font: bold 14px/1.0 Arial;
	color: #af0000; }

.hotpackages .item .price {
	float: left;
	position: relative;
	background: url(storeitem_bg1.gif) left top no-repeat;
	width: 225px;
	height: 24px; }

.hotpackages .item .price span {
	position: absolute;
	left: 4px;
	top: 4px;
	font: bold 13px Arial;
	color: #fff;
	display: block;
	width: 65px;
	text-align: center; }

.hotpackages .item .price .add {
	display: block;
	position: absolute;
	left: 165px;
	top: 2px;
	background: url(button_additlarge.gif) left top no-repeat;
	width: 66px;
	height: 19px; }

/* bestsellers block */

.bestsellers {
	width: 345px;
	margin: 0 9px 0 9px; }

.bestsellers .item {
	background: url(storeitem_sep.gif) left bottom no-repeat;
	margin: 0 0 5px 0;
	height: 100px; }

.bestsellers .item .image {
	float: left;
	width: 58px;
	height: 75px; }

.bestsellers .item .title {
	display: block;
	float: left;
	font: bold 11px/1.4 Arial;
	width: 280px;
	height: 48px;
	overflow: hidden; }

.bestsellers .item .title em {
	font: bold 14px/1.0 Arial;
	color: #af0000; }

.bestsellers .item .price {
	float: left;
	position: relative;
	background: url(storeitem_bg1.gif) left top no-repeat;
	width: 275px;
	height: 24px; }

.bestsellers .item .price span {
	position: absolute;
	left: 4px;
	top: 4px;
	font: bold 13px Arial;
	color: #fff;
	display: block;
	width: 65px;
	text-align: center; }

.bestsellers .item .price .add {
	display: block;
	position: absolute;
	left: 104px;
	top: 2px;
	background: url(button_additlarge.gif) left top no-repeat;
	width: 66px;
	height: 19px; }

.bestsellers .item .price .info {
	display: block;
	position: absolute;
	left: 173px;
	top: 2px;
	background: url(button_infolarge.gif) left top no-repeat;
	width: 108px;
	height: 19px; }

.bestsellers .shortlisting .item {
	background: url(storeitem_sep2.gif) left bottom no-repeat;
	margin: 0 0 5px 0;
	height: 25px; }

.bestsellers .shortlisting .item .title {
	display: block;
	float: left;
	background: url(storeitem_bullet.gif) left 4px no-repeat;
	font-weight: normal;
	width: 230px;
	padding: 0 0 0 15px;
	height: 20px;
	overflow: hidden; }

* > .bestsellers .shortlisting .item .title {
	width: 214px; }

.bestsellers .shortlisting .item .price {
	float: left;
	position: relative;
	background: none;
	width: 110px;
	height: 19px; }

.bestsellers .shortlisting .item .price span {
	display: block;
	font: bold 11px Tahoma;
	color: #61b107;
	width: 52px;
	position: absolute;
	left: 0px;
	top: 2px;
	text-align: right; }

.bestsellers .shortlisting .item .price .add {
	display: block;
	position: absolute;
	left: 58px;
	top: 0;
	background: url(button_additsmall.gif) left top no-repeat;
	width: 24px;
	height: 19px; }

.bestsellers .shortlisting .item .price .info {
	display: block;
	position: absolute;
	left: 85px;
	top: 0;
	background: url(button_infosmall.gif) left top no-repeat;
	width: 24px;
	height: 19px; }

/* choose by os block */

.chooseos {
	height: 130px; }

.chooseos .header {
	font: bold 15px Arial;
	color: #ecff04;
	margin: 0 0 5px 4px; }

.chooseos .windows {
	display: block;
	float: left;
	background: url(button_oswindows_d.jpg) left top no-repeat;
	width: 118px;
	height: 95px; }

.chooseos .macos {
	display: block;
	float: left;
	background: url(button_osmac_d.jpg) left top no-repeat;
	width: 115px;
	height: 95px; }

a.windows:hover {background: url(button_oswindows.jpg) left top no-repeat;}
a.macos:hover {background: url(button_osmac.jpg) left top no-repeat;}

.chooseos .active {background: url(button_oswindows.jpg) left top no-repeat;}
.chooseos .mac-active {background: url(button_osmac.jpg) left top no-repeat;}


/* choose by vendor block */

.choosevendor {
	background: url(mainpage_rightblockbgtop.gif) left 25px no-repeat;
	width: 233px; }

.choosevendor .header {
	font: bold 15px Arial;
	color: #ecff04;
	margin: 0 0 5px 4px; }

.choosevendor .wrapper {
	clear: both;
	overflow: hidden;
	background: url(mainpage_rightblockbgbottom.gif) left bottom no-repeat;
	padding: 8px 14px 35px 14px; }

.choosevendor a, .choosevendor a:visited {
	display: block;
	float: left;
	color: #3280c8;
	line-height: 2.0;
	background: url(mainmenu_bullet.gif) left 11px no-repeat !important;
	padding: 2px 0 3px 8px;
	width: 92px;
	height: 20px;
	overflow: hidden; }

.choosevendor a:hover {
	color: #68b7ff;
	text-decoration: underline !important; }

/* information block */

.infos {
	position: relative;
	background: url(mainpage_rightinfobg.gif) left top no-repeat;
	width: 233px;
	height: 95px;
	margin: 15px 0 0 0; }

.infos .sbs {
	position: absolute;
	left: 11px;
	top: 14px;
	display: block;
	background: url(icon_sbs.gif) left top no-repeat;
	width: 69px;
	height: 69px; }

.infos .visacard {
	position: absolute;
	left: 102px;
	top: 40px;
	display: block;
	background: url(icon_visa.gif) left top no-repeat;
	width: 52px;
	height: 39px; }

.infos .mccard {
	position: absolute;
	left: 161px;
	top: 40px;
	display: block;
	background: url(icon_mc.gif) left top no-repeat;
	width: 55px;
	height: 34px; }

/* inner page content */

.innerpage h1 {
	font: bold 18px Arial;
	color: #ecff04;
	margin: 12px 0 8px 12px; }

.innerpage .content {
	background: url(innerpage_contentbgtop.gif) left top no-repeat #fff; }

.innerpage .content .wrapper {
	background: url(innerpage_contentbgbottom.gif) left bottom no-repeat;
	height: 100%;
	padding: 12px; }

.innerpage h2 {
	font: bold 15px Arial;
	color: #2c6da8;
	padding: 7px 0 8px 16px;
	background: url(innerpage_subheaderbg.gif) left top no-repeat;
	margin: 0 0 10px 0; }

/* short listing on inner page */

.innerpage .shortlisting {
	margin: 0 0 20px 0; }

.innerpage .shortlisting .item {
	background: url(innerpage_categorysep.gif) left bottom no-repeat;
	margin: 0 0 5px 0;
	height: 25px; }

.innerpage .shortlisting .item .title {
	display: block;
	float: left;
	background: url(storeitem_bullet.gif) left 4px no-repeat;
	font-weight: normal;
	width: 460px;
	padding: 0 0 0 15px;
	height: 20px;
	overflow: hidden; }

* > .innerpage .shortlisting .item .title {
	width: 445px; }

.innerpage .shortlisting .item .price {
	float: left;
	position: relative;
	background: none;
	width: 110px;
	height: 19px; }

.innerpage .shortlisting .item .price span {
	display: block;
	font: bold 11px Tahoma;
	color: #61b107;
	width: 70px;
	position: absolute;
	left: 0px;
	top: 2px;
	text-align: right; }

.innerpage .shortlisting .item .price .add {
	display: block;
	position: absolute;
	left: 75px;
	top: 0;
	background: url(button_additlarge.gif) left top no-repeat;
	width: 66px;
	height: 19px; }

.innerpage .shortlisting .item .price .info {
	display: block;
	position: absolute;
	left: 144px;
	top: 0;
	background: url(button_infolarge.gif) left top no-repeat;
	width: 108px;
	height: 19px; }

/* pager */

.innerpage .pager {
	background: url(innerpage_pagerbg.gif) left top no-repeat;
	height: 29px; }

.innerpage .pager a, .innerpage .pager a:visited {
	display: block;
	float: left;
	font-weight: bold;
	background: url(innerpage_pageritembg.gif) left top no-repeat;
	padding: 6px 0 11px 0;
	margin: 0 2px 0 2px;
	text-align: center;
	width: 27px; }

/* inner page price box for product page */

.innerproduct .pricebox {
	width: 156px;
	margin: 0 0 15px 20px; }

.innerproduct .pricebox .price {
	background: url(innerpage_largepricebg.gif) left top no-repeat;
	font: 25px Arial;
	color: #fff;
	text-align: center;
	padding: 8px 0 6px 0; }

.innerproduct .pricebox .add {
	display: block;
	background: url(innerpage_largeaddtocart.gif) left top no-repeat;
	width: 156px;
	height: 33px; }

/* inner page information box for product page */

.innerproduct .infobox {
	background: url(innerpage_detailssep2.gif) 3px bottom no-repeat;
	padding: 0 0 15px 0; }

.innerproduct .infobox span {
	display: block;
	color: #979797;
	background: url(innerpage_detailssep2.gif) 3px top no-repeat;
	padding: 15px 0 0 20px; }

.innerproduct .infobox a {
	font-weight: bold;
	padding: 0 0 0 20px; }

/* two column table for product */

.twocolumns_product .image {
	width: 95px;
	text-align: left; }

.twocolumns_product .left {
	width: 405px; }

.twocolumns_product .sep {
	width: 15px; }

.twocolumns_product .right {
	background: url(innerpage_detailssep.gif) left top no-repeat;
	width: 190px; }

.twocolumns_product .subheader {
	font: bold 11px Tahoma;
	color: #0d487e;
	background: url(innerpage_detailssubheaderbg.gif) left top no-repeat;
	padding: 7px 0 20px 7px; }

/* page icons */

.pageicon {
	float: right;
	clear: right;
	padding: 0 0 10px 25px; }

/* in-page separators */

.pagesep1 {
	background: url(inner_pagesep1.gif) center top no-repeat;
	height: 24px;
	margin: 8px 0 0 0; }

.pagesep2 {
	background: url(inner_pagesep2.gif) center top no-repeat;
	height: 24px;
	margin: 0 0 8px 0; }

/* cart page */

.infoblock {
	color: #888888;
	background: url(icon_securityattention.gif) left center no-repeat;
	padding: 0 0 0 25px; }

.innercart .cart {
	width: 628px;
	margin: 0 0 40px 0; }

.innercart .cart .tableheaders {
	background: url(cart_th.gif) left top no-repeat;
	border-bottom: 2px solid #d2e1ee;
	height: 29px; }

.innercart .cart .item {
	position: relative;
	background: url(cart_item.gif) left top no-repeat;
	border-bottom: 1px solid #d2e1ee;
	height: 30px; }

.innercart .cart .remove {
	position: absolute;
	display: block;
	left: 10px;
	top: 5px;
	background: url(button_removeitlarge.gif) left top no-repeat;
	width: 78px;
	height: 19px; }

.innercart .cart .title {
	display: blockl;
	float: left;
	font-weight: bold;
	position: absolute;
	left: 110px;
	top: 7px;
	width: 365px;
	height: 16px;
	overflow: hidden; }

.innercart .cart .price {
	position: absolute;
	left: 490px;
	top: 7px;
	font-weight: bold;
	color: #35a000; }

.innercart .cart .total {
	position: relative;
	color: #35a000 !important;
	background: url(cart_total.gif) left top no-repeat;
	border-top: 2px solid #d2e1ee;
	height: 30px;
	margin: 12px 0 0 0; }

.innercart .securetransfer {
	float: left;
	background: url(vis_securetransfer.jpg) left top no-repeat;
	margin: 0 10px 0 0;
	width: 258px;
	height: 79px; }

.innercart div.checkout {
	position: relative;
	top: -3px; }

.innercart a.checkout {
	display: block;
	float: left;
	margin: 2px 0 0 0;
	background: url(button_proceedcheckout.gif) left top no-repeat;
	width: 204px;
	height: 30px; }

/* contacts form */

.contacts {
	display: block;
	clear: both;
	width: 628px;
	height: 240px; }

.contacts label {
	display: block;
	float: left;
	margin: 0 0 4px 0; }

.contacts #name, .contacts #email, .contacts #subject {
	font: 11px Tahoma;
	width: 180px; }

.contacts #message {
	font: 11px Tahoma;
	width: 590px; }

.contacts .formrow {
	clear: both;
	height: 55px; }

.contacts .formrow div {
	float: left;
	width: 180px;
	margin: 0 12px 5px 0; }

/* testimonials list */

.testlist .answer {
	background: url(testlist_bg.gif) left top repeat-y;
	padding: 0 0 5px 40px;
	margin: 12px 0 0 0;
	border-bottom: 1px dashed #d7ecbc; }

.testlist .answer .question {
	font-weight: bold;
	color: #6ac800;
	margin-bottom: 3px; }

/* faq list */

.faqlist .answer {
	background: url(faqlist_bg.gif) left top repeat-y;
	padding: 0 0 5px 40px;
	margin: 12px 0 0 0;
	border-bottom: 1px dashed #d7ecbc; }

.faqlist .answer .question {
	font-weight: bold;
	color: #2b77bc;
	margin-bottom: 3px; }

/* footer */

.footer {
	font: 10px Tahoma !important;
	background: url(footer_bg.gif) left top no-repeat;
	width: 990px;
	height: 39px;
	margin: 15px 0 15px 0; }

.footer .copyrights {
	float: left;
	font: 10px Tahoma;
	color: #2b77bc;
	width: 300px;
	margin: 12px 0 0 12px;
	text-align: left; }

.footer .footermenu {
	float: right;
	width: 600px;
	color: #1c5b94;
	text-align: right;
	margin: 10px 5px 0 0; }

.footer .footermenu a {
	font: bold 10px/1.0 Tahoma;
	margin: 0 7px 0 7px; }