﻿/**Property Tabs */
.TabPaneContent
{
    position: relative; 
    width: 429px;
    height: 257px;
    max-height: 257px;
    min-height: 257px;
    text-align: left; 
    padding: 15px; 
    overflow: auto; 
    clear: both; 
    z-index: 2;
    background-color: #F9F9F9;
    border-left: 1px solid #B4B4B4;
    font-size: 12px;
    font-weight: normal;
}

.TabPaneContentSmall
{
    position: relative; 
    width: 339px;
    height: 257px;
    max-height: 257px;
    min-height: 257px;
    text-align: left; 
    padding: 15px; 
    color: #444; 
    overflow: auto; 
    clear: both; 
    z-index: 2;
    background-color: #F9F9F9;
    border-left: 1px solid #B4B4B4;
    font-size: 12px;
    font-weight: normal;
}

.TabPaneContent p, .TabPaneContentSmall p
{
    line-height:1.2em;
}

ul.ptabs  
{
    clear: both;
	position: relative;
    width: 735px;
	height: 30px;
	top: 0;
	list-style: none; 
	margin: 0 !important; 
	padding: 0;	
}

ul.ptabs li 
{ 
	float: left;
    height: 30px;
	text-indent: 0;
	padding: 0;
	margin: 0 !important;
	list-style-image: none !important;
}

ul.ptabs li + li:before
{
    content: " | ";
    color: #fff;
    position: absolute;
}

ul.ptabs a  
{
	position: relative;
	height: 33px;
	top: 0;
	font-size: 11px; 
	font-weight: normal;
	display: block;
	text-align: center;	
	text-decoration: none;
	color: #B7B7B7;
	padding: 0;
	margin: 0;	
}

ul.ptabssmall a  
{
    font-size: 10px !important;
}

ul.ptabs a:active {
	outline:none;		
}

/* width 1 */
/*ul.ptabs a.s.active { background: url(/resources/images/header/WWMpTabs.png) no-repeat -401px 0px; top:10px; line-height:44px;color:#fff;height:44px;	}*/
ul.ptabs a.s 	{ position: relative; width: 110px; top: 1px;  }
ul.ptabssmall a.s 	{ width: 80px !important; margin-left: 5px;  }
ul.ptabs a.s:hover 	{ color: #FFCF38; z-index: 3;}
ul.ptabs a.s.current, ul.ptabs a.s.active  
{
    position: relative; 
    top: 1px; 
    color: #FFCF38; 
    z-index: 3;
}
ul.ptabssmall a.s.current, ul.ptabssmall a.s.active 
{
    background-position: 8px 26px !important;
}
/*bidtab*/
ul.ptabs a.s.bidtab  { background-position: -534px -55px;top:11px; position:relative;line-height:44px;color: White; z-index: 1;}
ul.ptabs a.s.bidtab.active, ul.ptabs a.s.bidtab:hover  { z-index: 3;}
.bidTabHideArrow { background-color: White; position: relative; top: -22px; left: 440px; width: 50px; height: 20px; z-index: 2; }

/* width 2 */
ul.ptabs a.m 	{ position: relative; width: 120px; top: 1px;  }
ul.ptabssmall a.m 	{ width: 100px !important;  }
ul.ptabs a.m:hover 	{ color: #FFCF38; z-index: 3;}
ul.ptabs a.m.current, ul.ptabs a.m.active  
{
    position: relative;
    top: 1px;
    color: #FFCF38;
    z-index: 3;
}

/* width 3 */
ul.ptabs a.l 	{ width: 172px; position: relative; top: 1px;  }
ul.ptabs a.l:hover 	{ color: #FFCF38; }
ul.ptabs a.l.current, ul.ptabs a.l.active  { position:relative; width:172px; color:#FFCF38;}

/*end property tabs*/

/* Begin Responsive Changes */
/* Smartphones (portrait and landscape) ----------- */
@media only screen and (min-width : 320px) and (max-width : 767px) {
/* Place your styles for phones and small tablets here */

}

/* Smartphones (landscape) ----------- */
@media only screen and (min-width : 321px) and (max-width : 480px) and (orientation : landscape) {

}

/* Smartphones (portrait and landscape) ----------- */
@media only screen and (min-device-width : 320px) and (max-device-width : 767px) {
/* Place your styles for phones and small tablets here */

}

/* Smartphones (landscape) ----------- */
@media only screen and (min-device-width : 321px) and (max-device-width : 480px) and (orientation : landscape) 
{

}

/* iPhone 5 ----------- */
@media only screen and (min-device-width: 320px) and (max-device-height: 568px) and (orientation : portrait) and (-webkit-device-pixel-ratio: 2){
/* Styles */

}

@media only screen and (min-device-width: 320px) and (max-device-height: 568px) and (orientation : landscape) and (-webkit-device-pixel-ratio: 2){
/* Styles */

}

/* Samsung Galaxy S4/S5 ----------- */
@media only screen and (min-device-width: 320px) and (max-device-height: 640px) and (orientation : portrait) and (-webkit-device-pixel-ratio: 3){
/* Styles */
}

@media only screen and (min-device-width: 320px) and (max-device-height: 640px) and (orientation : landscape) and (-webkit-device-pixel-ratio: 3){
/* Styles */
}

/* iPhone 6 ----------- */
@media only screen and (min-device-width: 375px) and (max-device-height: 667px) and (orientation : portrait) and (-webkit-device-pixel-ratio: 2){
/* Styles */

}

@media only screen and (min-device-width: 375px) and (max-device-height: 667px) and (orientation : landscape) and (-webkit-device-pixel-ratio: 2){
/* Styles */

}

/* iPhone 6+ ----------- */
@media only screen and (min-device-width: 414px) and (max-device-height: 736px) and (orientation : portrait) and (-webkit-device-pixel-ratio: 3){
/* Styles */

}

@media only screen and (min-device-width: 414px) and (max-device-height: 736px) and (orientation : landscape) and (-webkit-device-pixel-ratio: 3){
/* Styles */

}

/* Tablets (portrait and landscape) ----------- */
@media only screen and (min-width : 768px) and (max-width : 1024px) {
/* Place your styles for tablets and tiny laptops here */

}

@media only screen and (min-width : 768px) and (max-width : 1024px) and (orientation : landscape) {

}


/* iPad 3 (portrait and landscape) ----------- */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) {
/* Place your styles for tablets and tiny laptops here */
    ul.ptabs
    {
        width: 478px;
    }

    .TabPaneContent
    {
        width: 267px;
    }
}

@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : landscape) {

}
