@charset "utf-8";
/* CSS Document */
/****************************************************************************************************
* Filename: basic.css
* Purpose: All the basic CSS Rules required to design web pages.
* Author: Suraj Naik n[dot]suraj[at]agiletechnosys[dot]com
****************************************************************************************************/
@import url("basic.css");

/* BODY, FONT AND COLOR, GLOBAL	(id=GENERIC)
**********************************************************/
body {font:normal 12px Arial, Helvetica, sans-serif; color:#08123e; background:url(../images/pagebg.jpg) repeat}
/* global reset */
a {color:#0f71cf}
a:hover {color:#ffc600}
iframe {background:#000; border:none !important}

/* 	HEADER ELEMENTS STYLING	(id=HEADERS)
**********************************************************/
/* H3 */
/* H4 */
/* 	ALL IDS (id=IDS)
**********************************************************/
#Homepagestar {background:url(../images/homepagestar.png)  0 0 no-repeat}
#wrapper {margin:0 auto; width:1000px; position:relative; z-index:2}
#header {width:100%}
#logo {width:402px; height:181px}
#logo a , #logo a:hover {display:block; width:402px; height:181px; text-decoration:none; background:url(../images/logo.png) 0 0 no-repeat}
#welcome {width:384px; background:url(../images/shopcartbg.png) 0 0 no-repeat; height:71px; padding-left:23px; color:#fff}
#welcome .input {width:141px; background:#fff; border:none; padding:3px 2px; margin-right:8px}
#welcome .col1 {width:237px; padding-top:10px; margin-right:39px}
#welcome .col1 label {padding-bottom:3px; display:block}
#welcome .col1 .submitbtn, #welcome .col2 .viewcart  {font:bold 12px Arial, Helvetica, sans-serif; color:#0e245b; border:none; background:url(../images/submit.png) 0 0 no-repeat; width:81px; height:24px; cursor:pointer; vertical-align:middle}
#welcome .col2 .viewcart {text-align:center; line-height:24px; display:block}
#welcome .col2 .viewcart:hover {text-decoration:none}
#welcome .col2 {width:82px}
#welcome .col2  p {line-height:30px}
#welcome .col2 .shop {background:url(../images/icons.png) 0 0 no-repeat; padding-left:32px}

#globalNav {width:100%; background:url(../images/navbg.png) 0 0 no-repeat; height:59px; line-height:59px; position:relative; z-index:10}

#maincont {width:100%; overflow:hidden; background:url(../images/contentbg.png) 0 0 repeat-y; padding-bottom:5px}
#maincontbtm {background:url(../images/maincontbtm.png) center 0 no-repeat; height:64px; margin-bottom:22px; padding-left:44px; padding-top:13px}
#maincontbtm a {text-decoration:none}
#maincontbtm .visa {width:69px; height:43px; float:left; margin-right:21px}
#maincontbtm .mcard {width:71px; height:43px; float:left; margin-right:23px}
#maincontbtm .amex {width:56px; height:43px; float:left; margin-right:27px}
#maincontbtm .paypal {width:100px; height:34px; float:left}

/**Three collumns***/
#sidebar {width:265px; margin-right:17px}
#content {width:642px; margin-left:40px; display:inline; padding-top:4px; position:relative}
#container {width:100%; overflow:hidden; padding-top:4px}

/**two collumns***/
#columnone {width:507px}
#columntwo {width:430px}


/****footer***/
#footer {font-size:14px; color:#fff; padding:19px 0 0 0; text-align:center;  height:85px; width:100%; background:url(../images/footerbg.png) 0 0 no-repeat; margin-bottom:2px}
#footer .links {padding-bottom:6px}
#footer .trade {padding-bottom:21px}
#footer a {color:#fff; padding: 0 5px}
#footer a:hover {color:#ffc600; text-decoration:none}

/* 	MAIN MODULES (id=MAINMODS)
**********************************************************/
/* -------------->GENERAL< -------------- */
/* -------------->MENUS< -------------- */ 
/* global nav */
ul.topnav {margin:0 0 0 16px; padding:0 list-style:none}
ul.topnav li {display:inline; float:left; background:url(../images/devider.png) 100% 0 no-repeat; padding-right:1px; position:relative}
ul.topnav li:last-child, ul.topnav li.last {background:none} 
ul.topnav li a {font-size:16px; color:#fff; padding:0 43px; float:left; font-weight:bold}
ul.topnav li a.active, ul.topnav li a:hover  {text-decoration:none; color:#ffc600}

ul.topnav li ul { display:none; left:-16px; position:absolute; top:59px; width:320px; background:url(../images/dropbg.png) 0 0 no-repeat}
ul.topnav li ul li { display:inline; float:left; margin:0; padding:0;  background:none !important}
ul.topnav li ul li a {float:left; padding:0 17px 0 10px; line-height:45px; font-size:16px; font-weight:bold; height:69px}
ul.topnav li ul li a img {vertical-align:middle; margin-right:5px}
ul.topnav li ul li a.mp3 {width:159px; padding:0; text-align:center}
ul.topnav li ul li a.cd {width:161px; padding:0; text-align:center}
ul.topnav li ul li a.mp1 {width:170px; padding:0; text-align:center; padding-right:5px}
ul.topnav li ul li a.cd1 {width:144px; padding:0; text-align:center}
ul.topnav li ul li a.mp3:hover, ul.topnav li ul li a.mp1:hover {background:url(../images/mp3over.png) 0 0 no-repeat; line-height:69px}
ul.topnav li ul li a.cd:hover ,ul.topnav li ul li a.cd1:hover {background:url(../images/mp3over.png) 100% 0 no-repeat; line-height:69px}


/* -------------->LISTINGS< -------------- */ 

ul.list1 {width:396px; margin:0 auto}
ul.list1 li {display:inline; float:left; width:396px; overflow:hidden; padding:8px 0; background:url(../images/brd.gif) 0 100% repeat-x}
ul.list1 li img {float:left; margin-right:17px}
ul.list1 li .desc {width:293px; float:left; font-size:16px; color:#000; line-height:19px}
ul.list1 li.last {background:none}

ul.list2 {overflow:hidden; width:100%; padding-bottom:24px}
ul.list2 li {display:inline; float:left; width:100%; background:url(../images/brd1.gif) center 100% no-repeat; overflow:hidden}
ul.list2 li a {font-size:14px; color:#ffff99; display:block;  padding:9px 21px 9px 18px}
ul.list2 li a:hover {text-decoration:none; background:url(../images/articleover.png) 0 0 repeat-y}
ul.list2 li.last {background:none}

ul.list3 {padding-top:4px; overflow:hidden}
ul.list3 li {display:inline; float:left; width:228px; overflow:hidden; padding:8px 0; background:url(../images/brd.gif) 0 100% repeat-x}
ul.list3 li img {float:left; margin-right:8px; margin-left:10px}
ul.list3 li .desc {width:116px; float:left; font-size:12px; color:#000; line-height:19px}
ul.list3 li .desc .title {font-weight:bold}
ul.list3 li .desc .title:hover {font-weight:bold; color:#0580c6}

ul.faq li {background:#fff; margin-bottom:13px}
ul.faq li h3 {font-size:16px; color:#08123e; padding:7px 0 7px 45px; background:url(../images/icons.png) 18px -317px no-repeat; cursor:pointer}
ul.faq li h3.open {background:url(../images/icons.png) 17px -434px no-repeat}
ul.faq li .answer {padding:0 45px; color:#08123e; font-size:14px; line-height:19px}
ul.faq li .answer p {padding-bottom:27px}


/* -------------->FORMS< -------------- */ 
input.button {border:0; background:url(../images/sprite.gif) 0 0 no-repeat; position:relative; cursor:pointer; color:#000; height:29px; font:normal 14px Arial; padding:0 7px 0 9px}
.buttonEnding {position: absolute; display:inline; margin-left:-7px; width:10px; height:29px; background: url(../images/sprite.gif) 100% 0 no-repeat}

/* -------------->GRIDS< -------------- */  

/*** Product banner ***/
#procuctban {height:525px; width:100%; margin-bottom:19px}
#procuctban .col2btm {background:url(../images/bg3.gif) 0 100% no-repeat; width:488px; height:524px; position:relative}
:first-child+html #procuctban .col2btm {height:526px}
#procuctban .col1 {width:512px; background:url(../images/frame.jpg) 0 0 no-repeat; width:512px; height:525px}
#procuctban .col1 .col1inn {width:478px; margin:0 auto; padding-top:25px}
#procuctban .col1 .desc {background:#525252 url(../images/bg1.gif) 0 0 no-repeat; height:147px; padding:4px 11px 0 13px; color:#fff; line-height:16px}
#procuctban .col1 .desc .slider {height:29px; width:454px; background:url(../images/icons.png) 107% -91px no-repeat;}
#procuctban .col1 .desc .slider img {margin-top:3px}
#procuctban .col1 .desc .sound { width:29px; height:23px; display:block}
#procuctban .col1 .desc .links {color:#ffcc00}
#procuctban .col1 .desc strong {font-size:14px}
#procuctban .col1 .desc .fulldsc {color:#00ff0c}
#procuctban .col1 .desc .download {color:#ffcc00; background:url(../images/icons.png) 100% -170px no-repeat; padding-right:19px}
#procuctban .col2 {width:488px; height:524px; background:url(../images/bg2.gif) 0 0 repeat-y}
#procuctban .col2 .download {background:url(../images/bg4.png) 0 0 no-repeat; width:466; height:66px; margin-top:2px; padding:13px 0 0 22px; color:#ffff00; font-size:16px; line-height:19px}
#procuctban .col2 .download p {width:251px; float:left}
#procuctban .col2 .download .downloadbtn {background:url(../images/download.png) 0 0 no-repeat; width:185px; height:52px; display:block; float:left}
#procuctban .col2 .prolisting {height:438px; overflow: auto}
#procuctban .col2 .listbg {background:url(../images/bg5.gif) center 100% no-repeat; width:452px; height:31px; z-index:1; position:absolute; bottom:6px; left:0}

/*** Available on cd ***/
.avacd {background:url(../images/avacdbg.gif) 0 0 no-repeat; width:938px; height:92px; margin:0 auto; padding:22px 0 0 26px; margin-bottom:16px}
.avacd .col1 {width:489px; line-height:21px; font-size:18px; color:#101b41; margin-right:83px}
.avacd .col1 a {font-size:18px; color:#101b41}
.avacd .col2 {width:222px; font-size:16px; font-weight:bold; color:#101b41; padding-top:3px}
.avacd .col2 p {padding-bottom:10px}
.avacd .col2 a {font-size:18px; color:#006666; font-weight:normal; margin-left:66px}

/*** Home content ***/
.homecontent {font-size:14px; color:#08123e; padding-top:14px}
.homecontent h3 {line-height:1; font-size:16px; color:#08123e; padding-bottom:25px}
.homecontent p {padding-bottom:30px; line-height:19px}
.homecontent .justdown {padding-left:19px; margin-top:70px; color:#114f99; font-size:16px; background:url(../images/icons.png) 0 -213px no-repeat; font-style:italic; font-weight:bold; display:block; width:346px}
.homecontent .toptext {width:431px}

/*** share links ***/
.share {background:url(../images/share.png) 0 0 no-repeat; width:184px; height:24px; padding:8px 0 0 11px}
.share a {display:block; float:left; width:83px; height:16px}

/*** Not comfortable download ***/
.notcompdown {background:url(../images/notcompdown.jpg) 0 0 no-repeat; width:266px; height:260px; padding-top:35px; position:relative; margin-bottom:16px}
.notcompdown .imglink {width:194px; height:217px; display:block; position:absolute; top:0; right:0}
.notcompdown h3 {font-size:18px; color:#08123e}
.notcompdown .price {width:226px; position:absolute; top:218px; left:23px; color:#08123e; font-size:14px; line-height:16px}
.notcompdown .price a {color:#002fff; text-decoration:underline}

/*** Articles ***/
.articles .tophead {background:url(../images/roundbg.gif) 0 0 no-repeat; height:56px; padding-left:23px; color:#fff; line-height:56px; font-size:16px}
.articles .articlebody {background:#101b41 url(../images/bg6.gif) 0 100% repeat-x ; border:1px solid #3a466c; border-width:0 1px; width:258px}
.articles .articlebody .articlebodyinn {background:url(../images/bg7.gif) 100% 0 no-repeat} 
.articles .articleend {background:url(../images/roundbg.gif) 0 -56px no-repeat; height:12px}
.articles .note {font-size:14px; font-weight:bold; color:#fff; line-height:16px; background:url(../images/brd1.gif) center 100% no-repeat; padding:21px 23px 20px 17px; width:219px}

/*** Product container ***/
.procontainer {background:url(../images/bg9.gif) 0 0 repeat-y; padding-left:11px; width:271px}
.procontainer .procontainerinn {background:url(../images/bg10.gif) 0 0 repeat-y}
.procontainer .procontainerinn .prolistingone {height:930px; padding-left:9px; overflow-y:scroll; width:261px}
.procontainerend {background:url(../images/bg11.gif) 0 0 no-repeat; width:281px; height:12px; margin-bottom:5px}

/*** Available CD ***/
.avacd1 { width:271px; height:229px}
.avacd1 p {padding-bottom:20px;text-shadow: 0 2px #3f3f3e}

/*** How it work ***/
.htw {font-size:14px; color:#08123e}
.htw strong {font-size:16px; font-weight:bold}
.htw h2 {font-size:22px; color:#08123e; padding-bottom:21px}
.htw p {padding-bottom:30px; line-height:19px}
.htw span.hornicon {background:url(../images/icons.png) 0 -277px no-repeat; padding-left:19px; float:left}
.htw .steps { background:url(../images/abgimg.png) 0 0 no-repeat; width:641px; height:47px; line-height:47px;}
.htw .steps .step1, .htw .steps .step2, .htw .steps .step3 {display:block; float:left; width:211px; height:42px; font-size:18px; font-weight:bold; color:#101b41; text-align:center; line-height:42px; text-transform:uppercase; text-decoration:none; font-family:Arial}

.htw .steps .step2 {width:213px}
.htw .steps .step3 { width:207px}
.htw .actions {background:url(../images/bg12.gif) 0 0 no-repeat; width:641px; height:109px; margin-bottom:23px}
.htw .actions .col1 {width:215px; text-align:center; padding-top:33px}
.htw .actions .col1 a , .htw .actions .col2 a {font-size:18px; color:#101b41; text-decoration:none}
.htw .actions .col2 {width:214px; padding-top:33px; text-align:center}
.htw .actions .col3 {width:205px; padding-top:11px; padding-left:3px}
.htw .actions .col3 h3 {font-size:18px; color:#101b41; text-align:center; padding-bottom:3px; font-weight:normal}
.htw .actions .col3 a {font-size:14px; color:#101b41; background:url(../images/icons.png) 0 -277px no-repeat; padding-left:19px; float:left; display:block; width:83px; padding-bottom:5px; text-decoration:none}
/*.htw a {text-decoration:underline; color:#08123e}*/
.htw .share {margin-bottom:16px}
.htw .share a {text-decoration:none}

/*** Faq ***/
.faq  h2 {font-size:22px; color:#08123e; padding-bottom:21px}
.faq .share {margin-bottom:16px}
.faq .share a {text-decoration:none; /*margin-right:9px*/}
.sidelinks {height:67px; position:relative; margin-bottom:4px}
.sidelinks a {text-decoration:none}
.sidelinks .links {background:url(../images/linkbg1.png) 0 0 no-repeat; width:320px; height:67px; text-align:center; font-size:16px; font-weight:bold; position:absolute; left:-49px; top:0}
.sidelinks .links a {width:160px; height:67px; float:left; display:block; color:#fff; line-height:45px}
.sidelinks .links .active {color:#ffcc00; line-height:67px; background:url(../images/linkbg.png) 0 0 no-repeat}
.sidelinks .links .active1 {color:#ffcc00; line-height:67px; background:url(../images/linkbg2.png) 100% -1px no-repeat}


/*** Contact ***/
.contact {padding-top:4px; padding-bottom:74px}
.contact .topcont {width:100%; overflow:hidden; margin-bottom:36px}
.contact .share {margin-bottom:9px}
.contact .col1 h2 {color:#08123e; padding-bottom:23px; font-size:22px; line-height:1}
.contact {overflow:hidden}
.contact .col1 {width:406px; margin-left:48px}
.contact .col1 .desc1 {background:#FFF; padding-bottom:22px; margin-bottom:22px; line-height:24px; color:#08123e; font-size:18px}
.contact .col1 .desc1 address {padding-left:26px; padding-top:21px; font-style:normal}
.contact .col1 p {color:#08123e; padding-bottom:20px; font-size:14px; line-height:19px}
.contact .col2 {width:502px}
.contact .col2 {width:488px;  background:url(../images/bg2.gif) 0 0 repeat-y; padding-bottom:29px}
.contact .col2 .form{margin:0 auto; width:429px; margin-top:29px}
.contact .col2 .field {margin-bottom:20px}
.contact .col2 .field input {width:416px; border:none; padding:5px; color:#08123e}
.contact .col2 .form label {color:#08123e; padding-bottom:2px; font-size:14px; display:block; cursor:pointer}
.contact .col2 .field select {width:427px; border:none; padding:5px; color:#08123e}
.contact .col2 .field textarea {width:417px; height:115px; border:none; color:#08123e; padding:5px}
.contact .col2 .form p {font:14px Arial, Helvetica, sans-serif; color:#08123e; margin-bottom:30px}
.contact .col2 .form p span {margin-right:25px}
.contact .col2 .form p span input {margin-right:10px}
.contact .col2 .form p em {font-style:normal; margin-left:80px}
.contact .col2 .form .submitbtn {background:url(../images/btnbg.png) no-repeat 0 0; margin:0 auto; display:block; width:216px; height:54px; border:none; color:#08123e; padding-bottom:6px; font:normal 16px Arial, Helvetica, sans-serif; cursor:pointer}
.contact a.view {color:#007606; padding-left:41px; font-size:14px}
.contact .faq {width:912px; margin:0 auto 8px; overflow:hidden}

/*** search ***/
.searchart{width:721px; position:absolute; left:-40px; top:0}
.searchtop{width:100%; background:url(../images/searchartbg.png) repeat-y 0 0}
.searchart .searchtop input.input{width:148px; padding:3px; border:none; margin-left:49px; margin-right:6px; margin-top:9px}
.searchart .searchtop a.print{margin-left:75px}
.searchart .searchtop a.email1{margin-left:175px}
.searchart .searchtop a{/*padding-right:15px*/}
.searchart .searchtop input.btn{background:url(../images/serchbtn.png) no-repeat 0 0; width:126px; height:25px; border:none; margin-bottom:8px}
.searchtop1{width:100%; background:url(../images/searchartbg.png) repeat-y 0 0; cursor:pointer}
.searchart .searchtop1 input.input{width:148px; padding:3px; border:none; margin-left:49px; margin-right:6px; margin-top:9px}
.searchart .searchtop1 a.email {margin-left:75px; margin-top:10px; float:right}
.searchart .searchtop1 a {padding-right:15px; margin-top:10px; display:block; float:right}
.searchart .searchtop1 input.btn{background:url(../images/serchbtn.png) no-repeat 0 0; width:126px; height:25px; border:none; margin-bottom:8px; cursor:pointer}
.searchinn{width:637px; margin:0 auto; border-bottom:1px solid #08123E; margin-bottom:37px}
.searchinn h2.article {font-size:22px; color:#08123e; padding-bottom:31px; padding-top:39px} 
.searchinn h3 {font-size:16px; color:#08123e;  padding-bottom:31px}
.searchinn p{font-size:14px; color:#08123e; padding-bottom:31px; line-height:19px}
.searchinn .backbtn, .searchinn .backbtn:hover {background:url(../images/longbtn.png) no-repeat 0 0; width:340px; height:36px; font-size:16px; color:#08123e; margin-bottom:32px; line-height:37px; display:block; padding-left:44px; height:37px; text-decoration:none}
.sear{height:38px}
.searchinn1 h3 {font-size:16px; color:#08123e;  padding-bottom:31px}
.searchinn1 p{font-size:14px; color:#08123e; padding-bottom:31px; line-height:19px}
.searchtop2{width:100%; }

/*** Artical ***/
.articalinn{width:642px; margin:0 auto; border-bottom:1px solid #08123E; margin-bottom:37px}
.articalinn h2.article {font-size:22px; color:#08123e; padding-bottom:31px; padding-top:39px}
.articalinn h3 {font-size:16px; color:#08123e;  padding-bottom:23px}
.searchinn p{font-size:14px; color:#08123e; padding-bottom:31px; line-height:19px}
.articalinn p{font-size:14px; color:#08123e; padding-bottom:31px; line-height:19px}
.articalinn1 h3 {font-size:16px; color:#08123e;  padding-bottom:13px}
/*.articalinn1 p{font-size:14px; color:#08123e; padding-bottom:35px; line-height:19px}
.articalinn1 p a {font-size:14px; color:#007606; display:block; padding-top:8px; width:105px}*/
.articalinn1 div{font-size:14px; color:#08123e; padding-bottom:35px; line-height:19px}
.articalinn1 div a {font-size:14px; color:#007606; display:block; padding-top:8px; width:105px}
/*.articalinn2 p{font-size:14px; color:#08123e; padding-bottom:35px; line-height:19px}
.articalinn2 p a {font-size:14px; color:#007606; display:block; padding-top:8px; width:105px}*/

/***  Approch ***/
.approch {width:642px; margin:0 auto; margin-bottom:37px}
.approch .share {margin-bottom:20px}
.approch h2.article {font-size:22px; color:#08123e; padding-bottom:27px}
.approch h3 {font-size:16px; color:#08123e;  padding-bottom:23px}
.approch p {font-size:14px; color:#08123e; padding-bottom:31px; line-height:19px}

/* -------------->MODS< -------------- */ 
/* ROUNDED CORNERS */
.top1, .top1 div , .end1, .end1 div {background:url(../images/roundbg.gif) 0 0 no-repeat; overflow:hidden}
.top1 {background-position:0 0; padding-left:12px}
.top1 div {background-position:100% -29px; height:14px}
.end1 {background-position:0 -14px; padding-left:12px}
.end1 div {background-position:100% -43px; height:14px}
.bg1 {background:#101b41 url(../images/bg6.gif) 0 100% repeat-x ; border:1px solid #3a466c; border-width:0 1px}

/* BORDERS */
.brdone {border-bottom:1px dashed #000}

/* BACKGROUNDS */
.bgone {background:#f0f3f3}
.bgtwo {background:#fafafa}
/*New CSS*/

.htw table tr td {padding:5px; vertical-align:top}
.desc p.title:hover {color:blue}