﻿/*Normalize*/

body,div,dl,dt,dd,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td,img{margin:0;padding:0;}
table{border-collapse:collapse;border-spacing:0;}
fieldset,img{border:0;}
address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}
caption,th {text-align:left;}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}
q:before,q:after{content:'';}
abbr,acronym {border:0;}
.clear{clear:both;}
#dtfooter{font-size:10px; font-family:Arial, Sans-Serif; text-align:center; margin:0 40px 0 0; color:#71a0c5; position:relative; top:-25px}
	#dtfooter a{color:#71a0c5}
	#dtfooter a:hover{color:White}
	
/*----------------------------------------------------------------------------------*/


/*Layout*/

html{background:url(images/blueBlackgradient.jpg) repeat-x black;}

body{margin:0 auto; width:934px; height:100%; background:url(images/bodyBkg.png) repeat-y;}

.center{margin:0 0 0 17px}

.headerBkgClass{background:url(images/headerBkgNew.png) no-repeat; width:900px; margin:0 0 0 17px; height:133px; display:block}

#topShadow{padding:0; width:900px; height:27px; margin:0 0 0 17px; display:block; background-color:#a3c3d7;}

#logo{float:right; margin:-18px 20px 0 0}

.footerClass{background:url(images/footerNew.png) no-repeat top; width:900px; height:80px; margin:0 0 0 17px; padding-top:8px; display:block;}

#leftContainer{width:900px; margin:0 0 0 17px; position:relative;}

#rightContainter{width:397px; height:700px; margin:0 0 0 2px; float:left; background:url(images/rightGradient.jpg) repeat-x white;}
	
#CompanyLogoContainer{width:900px; height:136px; display:block; background:url(images/CompLogoContainBkg.jpg) repeat; border-top:1px solid white;}

#leftGrayContainer{background:url(images/leftGray.jpg) no-repeat; width:178px; height:616px; float:left; display:block}

/*#rightGrayContainer{background:url(images/leftGray.jpg) no-repeat; width:176px; height:616px; float:right; display:block}*/


.serchBtn {width:53px; height:22px; background:url(images/search.png) top no-repeat; display:block; overflow:hidden;}
.serchBtn:hover {background-position:bottom; cursor:pointer}
.backBtn {width:55px; height:39px; background:url(images/TMback2.png) top no-repeat; display:block; overflow:hidden;}
.backBtn:hover {background-position:bottom; cursor:pointer}
.nplayBtn {width:94px; height:39px; background:url(images/TMnplay.png) top no-repeat; display:block; overflow:hidden;}
.nplayBtn:hover {background-position:bottom; cursor:pointer}
.MYO_Btn {width:117px; height:26px; background:url(images/makeOfferBtn.png) top no-repeat; display:block; overflow:hidden;}
.MYO_Btn:hover {cursor:pointer}


/*Type*/

body{font-family:Arial, Verdana, Sans-Serif;}

.GrayContainerText{font-size:40px; font-weight:bold; text-align:left;color:#bebebe; letter-spacing:-2px; line-height:32px; margin:25px 0 0 20px; height:150px}

.HeaderCompanyText{font-size:24px; font-weight:bold; text-align:left; color:#fff; margin-left:10px;}
.HeaderCompanyText2{font-size:32px; font-weight:bold; text-align:left; color:#fff; margin-left:10px;}
.companyText{font-size:14px; font-weight:bold; color:White; position:relative; top:50px; left:25px}
.companyText a {font-size:12px;font-weight:bold; color:White; text-decoration:none; }
.companyText a:hover {font-size:12px; font-weight:bold; color:White; text-decoration:underline; }

/*---------------------------Pager Bar----------------------------*/
.Pager { font-size:12px; float:right; margin-top:5px;}
.Pager a { text-decoration:none; color:Black; }
.Pager a:hover { text-decoration:underline; color:Black; }
.PagerButton { margin:0 4px 0 0; vertical-align:middle; font-weight:bold; text-align:center;}
.PagerTextBox { margin:0 4px 0 0; width:20px; vertical-align:middle; }
.PagerLabel {margin:0 0 0 4px; vertical-align:middle; line-height:17px; color:#555555; font-weight:bold;}
.PagerLabel2 {margin:0 4px 0 0; vertical-align:middle; line-height:17px; color:#555555; font-weight:bold;}
/*---------------------------Pager Bar----------------------------*/

/*---------------------------Search Area----------------------------*/
#search_line {text-align:left; margin:0; width:100%; float:left; padding:0; height:45px; line-height:45px; vertical-align:middle;}
#Top_Title {float:left; margin:0 0 0 10px;}
#Top_Title2 {margin:15px 0 0 0;}
#Top_Title3 {margin:15px 0 0 0;}
#Top_Title2 span {margin:15px 0 0 0;}
#footertext {margin:10px 10px 10px 10px; width:708px; float:left;}
.theppic{height:80px; float:left;}
/*---------------------------Search Area----------------------------*/
h5 {margin:0 0 0 0; padding:0 0 5px 0; font-size:16px; text-align:left; font-family:Arial, Helvetica, sans-serif; font-weight:bold; color:#617CAB;}
.smalltext {font-size:10px; line-height:10px; color:#666666;}
.formF {font-size: 12px; font-family: Arial, Helvetica, san-serif; background-color: #F2F2F2; color: #5F5F5F; border: #97ABC1 1px solid;}
.formF:focus {background-color: #FFFFFF; border: #516B88 1px solid;}
.formF:hover {border: #C7D1DE 1px solid;}
.getnplayBTN {width:99px; height:28px; background:url(images/getnplayBTN.png) top no-repeat; display:block; overflow:hidden;}
.getnplayBTN:hover {background-position:bottom; cursor:pointer}
.GNPBkg {position:relative; top:15px; left:40px; width:365px; height:310px; z-index:100; background:url(images/GNP_Bkg.png) top no-repeat;}
.GNPPos {margin:130px 22px 15px 5px; text-align:right;}
.GNPPos > h5 {text-align:right;}

.float{float:left;}


.sortPriceAscBTN {width:60px; height:27px; background:url(images/sortPriceAsc.png) top no-repeat; display:block; overflow:hidden;}
.sortPriceAscBTN:hover {background-position:bottom; cursor:pointer}

.sortPriceDesBTN {width:60px; height:27px; background:url(images/sortPriceDes.png) top no-repeat; display:block; overflow:hidden;}
.sortPriceDesBTN:hover {background-position:bottom; cursor:pointer}

.sortAgentAscBTN {width:67px; height:27px; background:url(images/sortAgentAsc.png) top no-repeat; display:block; overflow:hidden;}
.sortAgentAscBTN:hover {background-position:bottom; cursor:pointer}

.sortAgentDesBTN {width:67px; height:27px; background:url(images/sortAgentDes.png) top no-repeat; display:block; overflow:hidden;}
.sortAgentDesBTN:hover {background-position:bottom; cursor:pointer}



.sortPriceAscBTN2 {width:59px; height:27px; background:url(images/sortPriceAsc.png) top no-repeat; display:block; overflow:hidden;}
.sortPriceAscBTN2:hover {background-position:bottom; cursor:pointer}

.sortPriceDesBTN2 {width:59px; height:27px; background:url(images/sortPriceDes.png) top no-repeat; display:block; overflow:hidden;}
.sortPriceDesBTN2:hover {background-position:bottom; cursor:pointer}





.PrevActBTN {width:74px; height:17px; background:url(images/PreviousActive.png) no-repeat; background-position: 0px -5px; display:block; overflow:hidden;}
.PrevActBTN:hover {background-position: 0px -32px; cursor:pointer}

.PrevDisBTN {width:74px; height:17px; background:url(images/PreviousDis.png) no-repeat; background-position: 0px -5px; display:block; overflow:hidden;}
.PrevDisBTN:hover {cursor:default;}

.NextActBTN {width:50px; height:17px; background:url(images/NextActive.png) no-repeat; background-position: 0px -5px; display:block; overflow:hidden;}
.NextActBTN:hover {background-position: 0px -32px; cursor:pointer}

.NextDisBTN {width:50px; height:17px; background:url(images/NextDis.png) no-repeat; background-position: 0px -5px; display:block; overflow:hidden;}
.NextDisBTN:hover {cursor:default;}
.btncontainer{position:absolute; bottom:2px; left:270px;}



