body, html {font: 12px/20px Helvetica, Arial, sans-serif; color: #000; margin: 0; padding: 0;}
body {background: #fff;}

#containerBlocksTop {background: transparent url('../images/bgBlocksTop.jpg') center top no-repeat;}
#containerBlocksBottom {background: transparent url('../images/bgBlocksBottom.jpg') center bottom no-repeat;}
#containerGrey {background: #fff url('../images/bgSite.jpg') center top repeat-y;}

.left {text-align: left;}
.right {text-align: right;}
.center {text-align: center;}
.small {font-size: 10px; line-height: 10px;}
.medium {font-size: 12px;}
.large {font-size: 16px;}
.mediumlarge {font-size: 23px;}
.xlarge {font-size: 24px; line-height: 24px;}
.xxlarge {font-size: 24px;}
.strong {font-weight: bold;}
.clr {clear: both;}
a {color: #333;}
p {margin: 0;}
h1 {color: #fff; font-size: 30px; line-height: 60px; font-weight: normal; margin: 0;}
form, input, select, option, ul, li {padding: 0; margin: 0;}
input, select {border: 1px solid #d1d3d4;}
input {font: 12px Helvetica, Arial, sans-serif;}
input.small {width: 40px; line-height: 12px;}
input.large {width: 140px; line-height: 12px; font-size: 12px;}
select {width: 105px;  line-height: 12px; font-size: 12px;}
select.large {width: 140px; line-height: 12px; font-size: 12px;}
select.extralarge {width: 180px; line-height: 12px; font-size: 12px;}
select.small {width: 50px; line-height: 12px; font-size: 12px;}
.divider {height: 5px; background: transparent url('../images/divider.jpg') center center  repeat-x; border-left: 1px solid #ccc; border-right: 1px solid #ccc;}
.popup {position: absolute; top: 150px; left: 180px; width: 215px; height: 103px;}

.blue {color: #00aeef;}
.yellow {color: #ffc700;}

.buttonBar {height: 40px; line-height: 40px; background: #d1d3d4 url('../images/buttonBarGreyLeft.gif') left top no-repeat; margin-top: 15px;}
.buttonBar .black, .buttonBar .yellow {padding: 0 28px; font-weight: bold;}
.buttonBar .black {float: left; color: #fff; background: #000 url('../images/buttonBarBlackLeft.gif') left top no-repeat;}
.buttonBar .yellow {float: right; background: #ffc700 url('../images/buttonBarYellowRight.gif') right top no-repeat;}
.buttonBar .yellow span, .buttonBar .yellow a {color: #000; text-decoration: none;}
.buttonBar .black a {color: #fff; text-decoration: none;}

th {font-size: 16px; font-weight: bold;}
td {vertical-align: top;}

.greyBoxFullWidth {width: 934px; margin-bottom: 10px;}
.greyBoxFullWidth .header {background: #fff url('../images/greyBoxTop.gif') center top no-repeat; height: 4px;}
.greyBoxFullWidth .footer {background: #fff url('../images/greyBoxBottom.gif') center bottom no-repeat; height: 40px; line-height: 40px; font-size: 10px; color:#333;}
.greyBoxFullWidth .smallFooter {background: url('../images/greyBoxBottomSmall.gif') center bottom no-repeat; height: 5px;}
.greyBoxFullWidth .content {border-left: 1px solid #ccc; border-right: 1px solid #ccc; padding: 10px 28px;}

.greyBoxSmall {width: 660px; margin-bottom: 10px;}
.greyBoxSmall .header {background: transparent url('../images/greyBoxSmallCorners.gif') left -8px no-repeat; height: 8px;}
.greyBoxSmall .footer {background: transparent url('../images/greyBoxSmallCorners.gif') left 0 no-repeat; height: 8px;}
.greyBoxSmall .content {border-left: 2px solid #d1d3d4; border-right: 2px solid #d1d3d4; text-align: center; padding: 100px 0;}
.greyBoxSmall .content img {text-align: center;}

.yellowBox {width: 588px;}
.yellowBox .header {background: transparent url('../images/yellowBoxCorners.gif') left -4px no-repeat; height: 4px;}
.yellowBox .footer {background: transparent url('../images/yellowBoxCorners.gif') left 0 no-repeat; height: 4px;}
.yellowBox .content {background-color: #ffc700;}

.greyBoxProductImage {margin-bottom: 10px;}
.greyBoxProductImage .header {background: transparent url('../images/greyBoxProductImageCorners.gif') left -4px no-repeat; height: 4px;}
.greyBoxProductImage .footer {background: transparent url('../images/greyBoxProductImageCorners.gif') left 0 no-repeat; height: 4px;}
.greyBoxProductImage .content {border-left: 2px solid #d1d3d4; border-right: 2px solid #d1d3d4; height: 492px;}

.whiteYellowBoxSmall {width: 934px; margin-bottom: 10px;}
.whiteYellowBoxSmall .header {background: transparent url('../images/whiteYellowBoxSmallCorners.gif') left -8px no-repeat; height: 8px;}
.whiteYellowBoxSmall .footer {background: transparent url('../images/whiteYellowBoxSmallCorners.gif') left 0 no-repeat; height: 8px;}
.whiteYellowBoxSmall .content {background: transparent url('../images/whiteYellowBoxSmallBg.gif') 0 0 repeat-y;}
.whiteYellowBoxSmall .content .description {float: left; width: 245px; padding: 10px 25px;}
.whiteYellowBoxSmall .content .description img {text-align: center;}
.whiteYellowBoxSmall .content .form {float: left; width: 586px; padding: 10px 25px;}
.whiteYellowBoxSmall .content .form .title {margin-bottom: 15px;}

.borderYellow {border-right: 1px solid #ffe178;}

#contentBox {width: 934px; margin: 0 auto; background: #fff; padding: 18px 33px; min-height: 600px;}
#logo {margin-bottom: 46px;}
#breadcrumbs {margin: 0 0 6px 0; padding: 0; height: 35px; background: #d1d3d4 url('../images/bgBreadcrumbRight.gif') right top no-repeat;}
	#breadcrumbs ul {list-style-type:none; height: 35px;}
	#breadcrumbs ul li {display: block; float: left; font-weight: bold; height: 35px; line-height: 35px; padding: 0; margin: 0; background: #d1d3d4 url('../images/breadCrumbNotActive.gif') left top no-repeat; padding:0 20px 0 10px; font-size: 16px; color: #000;}
	#breadcrumbs ul li.first {background: #d1d3d4 url('../images/bgBreadcrumbLeft.gif') left top no-repeat;}
	#breadcrumbs ul li.active {background: #ffc700 url('../images/breadcrumbActiveBefore.gif') left top no-repeat;}
	#breadcrumbs ul li.firstActive {background: #ffc700 url('../images/bgBreadcrumbLeftYellow.gif') left top no-repeat;}
	#breadcrumbs ul li.afterActive {background: #d1d3d4 url('../images/breadcrumbActiveAfter.gif') left top no-repeat;}
	#breadcrumbs ul li span {padding-left: 33px; background: url('../images/1.gif') 10px center no-repeat;}
		#breadcrumbs ul li span.first {background-image: url('../images/1.gif'); background-position: 0px center; padding-left: 23px;}
		#breadcrumbs ul li span.second {background-image: url('../images/2.gif');}
		#breadcrumbs ul li span.third {background-image: url('../images/3.gif');}
		#breadcrumbs ul li span.fourth {background-image: url('../images/4.gif');}
		#breadcrumbs ul li span.fifth {background-image: url('../images/5.gif');}
	
	
	
#pageTitle {height: 60px; line-height: 55px; color: #fff; font-size: 30px; background: transparent url('../images/bgPageTitle.gif') no-repeat; margin: 0 0 6px 0; padding: 0 0 0 23px;}

#shoppingPolicy {height: 31px; line-height: 31px; background: #fff url('../images/bgShoppingPolicy.jpg') repeat-x; text-align:center; text-transform:uppercase; color: #fff;}
#footer {background-color: #000; text-align:center; color: #fff; font-size: 11px; line-height: 80px;}
	#footer a {text-decoration: none; color: #fff; padding: 0 4px;}
	#footer a:hover {text-decoration: underline;}
	
/*errorpage*/
.error {padding: 60px 0; color: #f00; text-align: center;}	

/*landingpage*/
#mainArticle {width: 549px; height: 275px; background: #ffc700 url('../images/mainArticle.jpg') left top no-repeat; padding: 10px 20px 0 365px; margin-bottom: 35px;}
#mainArticle div {font-size: 18px;}
.columnLeft, .columnRight {float: left; width: 452px; position: relative;}
.columnLeft {margin-right: 30px; width: 452px;}
.rhinoType .description {padding: 10px 25px;}
.rhinoType img {padding: 0 0 0 85px;}
.rhinoTypeTitle {background: #fff url('../images/rhinoTypeTitle.gif') left top no-repeat; height: 60px; color: #fff; line-height: 60px; font-size: 30px; padding: 0 20px; margin-bottom: 5px;}

.priceBox {width: 145px; height: 190px; position: absolute; top: 375px; left: 307px; background: transparent url('../images/priceBoxBg.gif') right bottom no-repeat; text-align: center;}
.priceBox a {text-decoration: none;}
.priceBox .where {font-size: 13px; color: #00aeef; height: 46px; line-height: 46px;}
.priceBox .where a {color: #00aeef;}
.priceBox .price{font-size: 18px; height: 85px; padding-top: 15px;}
.priceBox .price .number, .priceBox .price .numberSmall,  .priceBox .price .numberSmaller{line-height: 48px;}
.priceBox .price .number {font-size: 40px;}
.priceBox .price .numberSmall {font-size: 30px;}
.priceBox .price .numberSmaller {font-size: 25px;}

.priceBox .click {font-size: 18px; color: #fff; height: 39px; line-height: 39px;}
.priceBox .click a {color: #fff;}

/*countryselector*/
.countryImg, .yellowBox {float: left;}
.countryImg {width:340px; height:250px; margin-right: 5px;}
.yellowBox .content {padding: 0 20px; height:400px;}
.yellowBox .content ul {margin-left: 0px;}
.yellowBox .content ul li {list-style-type: none; background: transparent url('../images/bullet.gif') 5px 18px no-repeat; font-size: 18px; line-height: 40px; border-bottom: 1px solid #ffe178; padding-left: 20px;}
.yellowBox .content ul li.last {border-bottom: none;}
.yellowBox .content ul li a {text-decoration: none;}