Viewing File: /people/testlab/www/testlab.com.pl/css/testlab2nd.css

/*@font-face {
	font-family: "RobotoSlab";
	src: url('../fonts/RobotoSlab-Regular.eot');
	src: local('RobotoSlab'),
	url('../fonts/RobotoSlab-Regular.eot?#iefix') format('embedded-opentype'),
	url('../fonts/RobotoSlab-Regular.woff') format('woff'),
	url('../fonts/RobotoSlab-Regular.ttf') format('truetype'),
	url('../fonts/RobotoSlab-Regular.otf') format('opentype'),
	url('../fonts/RobotoSlab-Regular.svg#RobotoSlab') format('svg');
	font-weight: normal;
	font-style: normal;
}*/

@font-face {
    font-family: 'roboto_slabregular';
    src: url('../fonts/RobotoSlab-Regular-webfont.eot');
    src: url('../fonts/RobotoSlab-Regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/RobotoSlab-Regular-webfont.woff') format('woff'),
         url('../fonts/RobotoSlab-Regular-webfont.ttf') format('truetype'),
         url('../fonts/RobotoSlab-Regular-webfont.otf') format('opentype'),
         url('../fonts/RobotoSlab-Regular-webfont.svg#roboto_slabregular') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'roboto_slabbold';
    src: url('../fonts/RobotoSlab-Bold-webfont.eot');
    src: url('../fonts/RobotoSlab-Bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/RobotoSlab-Bold-webfont.woff') format('woff'),
         url('../fonts/RobotoSlab-Bold-webfont.ttf') format('truetype'),
         url('../fonts/RobotoSlab-Bold-webfont.svg#roboto_slabbold') format('svg');
    font-weight: normal;
    font-style: normal;
}

body {
	background-color: #ffffff;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	font-family: "roboto_slabregular";
	font-size: 12px;
	color: #000000;
}

strong, b {
	font-family: "roboto_slabbold";
}

.topDiv {
	width: 100%;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	float: left;
	height: 123px;
}

.topContent {
	width: 960px;
	margin-left: auto;
	margin-right: auto;
	height: 123px;
	margin-top: 0px;
	margin-bottom: 0px;
}

.logo {
	width: 604px;
	margin: 20px 0px 0px 40px;
	float: left;
}

.phones {
	width: 222px;
	height: 123px;
	margin: 40px 0px 0px 0px;
	color: #000000;
	float: left;
}

.phones a, a:visited {
	color: #000000;
	text-decoration: none;
}

.phones a:hover, a:active {
	color: #000000;
	text-decoration: underline;
}

li.phone {
	list-style-image: url(../pix/icon_phone.png);
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	line-height: 14px;
}

li.email {
	list-style-image: url(../pix/icon_email.png);
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	line-height: 14px;
	}

.lang {
	width: 94px;
	float: left;
	color: #4d4d4d;
	margin: 46px 0px 0px 0px;
}

.langOn {
	display: block;
	width: 24px;
	height: 21px;
	color: #ffffff;
	background-color: #0061a9;
	font-family: "roboto_slabbold";
	text-align: center;
	padding-top: 3px;
	float: left;
}

.langSep {
	float: left;
	padding-top: 3px;
}

a.langL, a.langL:visited {
	display: block;
	width: 24px;
	height: 21px;
	font-family: "roboto_slabbold";
	color: #4d4d4d;
	text-align: center;
	padding-top: 3px;
	float: left;
	text-decoration: none;
}

a.langL:hover, a.langL:active {
	display: block;
	width: 24px;
	height: 21px;
	color: #ffffff;
	background-color: #0061a9;
	font-family: "roboto_slabbold";
	text-align: center;
	padding-top: 3px;
	float: left;
}

.topNavBar {
	width: 100%;
	height: 38px;
	background-color: #4d4d4d;
	background-image: url(../pix/bg_nav.png);
	background-repeat: repeat-x;
	font-size: 13px;
	margin: 0px 0px 0px 0px;
	float: left;
}

.topNavBarContent {
	width: 960px;
	margin-left: auto;
	margin-right: auto;
}

.topNav {
	color: #333333;
	width: 810px;
	float: left;
	font-family: "roboto_slabbold";
	font-size: 14px;
	margin-top: 9px;
}

a.topNavL, a.topNavL:visited {
	color: #333333;
	text-decoration: none;
	margin-left: 15px;
	margin-right: 15px;
}

a.topNavL:hover, a.topNavL:active {
	color: #ffffff;
	text-decoration: none;
	margin-left: 15px;
	margin-right: 15px;
	/*text-shadow:#005aa3 1px 1px 1px;*/
}

.search {
	text-align: left;
	float: left;
	width: 250px;
	float: left;
}

.banner {
	width: 100%;
	height: 35px;
	background-color: #005aa3;
	background-image: url(../pix/bg_upper.png);
	background-repeat: repeat-x;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	float: left;
}

.content {
	width: 100%;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	float: left;
}

.contentBody {
	width: 940px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 35px;
	margin-bottom: 50px;
}

.columnLeft {
	width: 700px;
	float: left;
}

.columnLeft h1 {
	font-size: 18px;
	color: #005aa3;
	font-family: "roboto_slabbold";
	font-weight: normal;
	margin-top: 0px;
}

.columnLeft h2 {
	font-size: 13px;
	color: #005aa3;
	font-family: "roboto_slabbold";
	font-weight: normal;
}

.columnRight {
	width: 220px;
	margin-left: 20px;
	float: left;
}

.rightNav {
	width: 220px;
	padding: 0px 0px 0px 0px;
	background-color: #005aa3;
}

a.rightNavL, a.rightNavL:visited {
	font-family: "roboto_slabbold";
	font-weight: normal;
	width: 180px;
	display: block;
	color: #ffffff;
	padding: 10px 30px 10px 10px;
	border-bottom: solid 1px #ffffff;
	text-decoration: none;
	text-transform: capitalize;
	background-image: url(../pix/arrow_off.png);
	background-repeat: no-repeat;
	background-position: right center;
}

a.rightNavL:hover, a.rightNavL:active {
	color: #80add1;
	text-decoration: none;
	text-transform: capitalize;
	background-image: url(../pix/arrow_on.png);
	background-repeat: no-repeat;
	background-position: right center;
}

.brands {
	width: 100%;
	height: 50px;
	margin: 0px 0px 75px 0px;
	padding: 0px 0px 0px 0px;
	float: left;
}

.brandsH1 {
	display: block;
	width: 175px;
	height: 27px;
	font-size: 18px;
	font-family: "roboto_slabbold";
	color: #ffffff;
	background-color: #000000;
	padding: 7px 14px 7px 14px;
	border-radius: 19px;
	-moz-border-radius: 19px;
	-webkit-border-radius: 19px;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
	font-weight: normal;
}

.productsH1 {
	display: block;
	width: 195px;
	height: 27px;
	font-size: 18px;
	font-family: "roboto_slabbold";
	color: #ffffff !important;
	background-color: #0f5ba2;
	padding: 7px 14px 7px 14px;
	border-radius: 19px;
	-moz-border-radius: 19px;
	-webkit-border-radius: 19px;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
	font-weight: normal;
}

.productsRow {
	width: 700px;
	margin: 15px 0px 15px 0px;
	float: left;
}

a.product, a.product:visited {
	font-size: 12px;
	font-family: "roboto_slabbold";
	color: #005aa3;
	text-decoration: none;
	text-align: center;
}

a.product:hover, a.product:active {
	font-size: 12px;
	font-family: "roboto_slabbold";
	color: #005aa3;
	text-decoration: underline;
}

.offersH1 {
	display: block;
	width: 135px;
	height: 27px;
	font-size: 18px;
	font-family: "roboto_slabbold";
	color: #ffffff;
	background-color: #ed1c24;
	padding: 7px 14px 7px 14px;
	border-radius: 19px;
	-moz-border-radius: 19px;
	-webkit-border-radius: 19px;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
	font-weight: normal;
}

.newsH1 {
	display: block;
	width: 85px;
	height: 27px;
	font-size: 18px;
	font-family: "roboto_slabbold";
	color: #ffffff;
	background-color: #818285;
	padding: 7px 14px 7px 14px;
	border-radius: 19px;
	-moz-border-radius: 19px;
	-webkit-border-radius: 19px;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
	font-weight: normal;
}

.brandsContent {
	width: 960px;
	height: 50px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 40px;
}

.footer {
	width: 100%;
	height: 153px;
	background-color: #005aa3;
	background-image: url(../pix/bg_lower.png);
	background-repeat: repeat-x;
	margin: 75px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	float: left;
}

.FooterContent {
	width: 960px;
	margin-left: auto;
	margin-right: auto;
}

.footerLinks {
	width: 140px;
	margin-top: 20px;
	float: left;
	font-size: 11px;
	color: #ffffff;
}

a.footerLink, a.footerLink:visited {
	color: #ffffff;
	text-decoration: none;
}

a.footerLink:hover, a.footerLink:active {
	color: #ffffff;
	text-decoration: underline;
	font-family: "roboto_slabregular";
	font-size: 11px;
}

.footerAddress {
	width: 420px;
	float: left;
	margin-top: 20px;
	font-size: 11px;
	color: #ffffff;
}

.footerLogo {
	width: 222px;
	float: left;
	margin: 38px 0px 49px 178px;
}

.formInput {
	font-family: "roboto_slabregular";
	font-size: 12px;
	border-style: solid;
	border-width: 1px;
	border-color: #005aa3;
	margin-bottom: 3px;
	background-color: #ffffff;
}

a.submitButton, a.submitButton:visited {
	display: block;
	width: 150px;
	font-size: 18px;
	font-family: "roboto_slabbold";
	color: #ffffff !important;
	background-color: #005aa3;
	padding: 7px 14px 7px 14px;
	border-radius: 19px;
	-moz-border-radius: 19px;
	-webkit-border-radius: 19px;
	text-align: center;
	font-weight: normal;
	text-decoration: none;
	margin-top: 5px;
}

a.submitButton:hover, a.submitButton:active {
	color: #80add1 !important;
	text-decoration: none !important;
}

.columnLeft a, a:visited {
	color: #005aa3;
	text-decoration: none;
}

.columnLeft a:hover, a:active {
	text-decoration: underline;
}

.prodList {
	border-top: dashed 1px #005aa3;
}

.prodList td{
	margin-bottom: 10px;
	border-bottom: dashed 1px #005aa3;
	padding: 5px 15px 5px 0px;
}

.prodlist img {
	padding-right: 10px;
}