/* CSS Document */

/* CSS reset */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}
/* remember to define focus styles! */
:focus {
	outline: 0;
}
body {
	line-height: 1;
	color: black;
	background: white;
}
ol, ul {
	list-style: none;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
	vertical-align: middle;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}

/* CSS reset ends here */

/* generic layout */

body {
    font: 80%/180% arial, sans-serif;
    color: #2f2f2f;
    text-align: left;
    background: #e3e3e3 url('img/bgrBody.png') left top repeat-x;
}

a {
  color: #ffa20f;
}

a:hover {
  text-decoration: none;
  color: #2f2f2f;
}

p {
  margin: 10px 0;
}

h1 {
  font-size: 160%;
  font-weight: normal;
  color: #111;
  margin-top: 1ex;
}

h2 {
  font-size: 130%;
  font-weight: bold;
}

h3 {
  font-size: 110%;
  font-weight: bold;
  color: #787878;
}

th {
	font-weight: 900;
}

strong {
	font-weight: 900;
}

ul.mainUl li {
	line-height: 250%;
	padding-left: 14px;
	background: url('img/bgrLi3.png') left center no-repeat;
}

input[type=text], input[type=password] {
	padding: 3px 0;
}


/* generic layout ends here */


/* wrapper */

div#wrapper {
  margin: 0 auto;
  width: 980px;
  overflow: hidden;
  background: #fff url('img/bgrMain.png') repeat-x;
  text-align: left;
}

/* wrapper ends here */

/* left and right div */

div#left {
  float: left;
  width: 250px;
}

div#left div.content {
  padding: 10px;
}

div#right {
  float: right;
  width: 730px;
}

div#right div.content {
  padding: 10px 10px 10px 0;
}

div#textDiv {
	padding: 0 20px;
}


/* left and right div ends here */

/* head */
div#head {
	position: relative;
	height: 72px;
	overflow: hidden;
}

div#logo {
	width: 276px;
	height: 72px;
	margin-left: 15px;
	float: left;
	overflow: hidden;
}

div#logo a {
	position: relative;
	display: block;
	width: 100%;
	height: 100%;
	text-decoration: none;
}

div#logo a span {
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  background: url('img/logo.png') no-repeat;
  cursor: pointer;
}

div#motto {
    width: 320px;
    height: 72px;
    margin-left: 20px;
    float: left;
    overflow: hidden;
    position: relative;
}

div#motto span {
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  background: url('img/motto.png') no-repeat;
  cursor: pointer;
}

div#login {
	position: absolute;
	right: 20px;
	top: 0;
	height: 27px;
	padding: 0 10px;
	color: #909090;
	font-size: smaller;
	background: url('img/bgrLogin.png') no-repeat;
}

div#login span {
	position: absolute;
	display: block;
	right: 0;
	top: 0;
	height: 27px;
	width: 10px;
	background: url('img/bgrLogin.png') right top no-repeat;
}

div#login strong {
	display: inline-block;
	padding-left: 10px;
	background: url('img/iconUser.png') left center no-repeat;
}

/* head ends here */

/* left column - content */

div.leftColumnTop1 {
	width: 220px;
	height: 35px;
	line-height: 35px;
	padding-left: 10px;
	background: url('img/bgrLeftColumnTop1.png') no-repeat;
}

div.leftColumnTop1 h2 {
	padding-left: 13px;
	background: url('img/icoDefault.png') left center no-repeat;
}

div.leftColumnMiddle1 {
	width: 207px;
	padding: 0 10px;
	border-left: 1px solid #e1e1e1;
	border-right: 1px solid #e1e1e1;
	background: #fff url('img/bgrLeftColumnMiddle1.png') left bottom no-repeat;
}

div.leftColumnBottom1 {
	width: 230px;
	height: 11px;
	background: #fff url('img/bgrLeftColumnBottom1.png') no-repeat;
}

div.leftColumnTop2 {
	width: 278px;
	height: 24px;
	line-height: 24px;
	background: url('img/bgrLeftColumnTop2.png') no-repeat;
}

div.leftColumnMiddle2 {
	width: 255px;
	padding: 0 10px;
	border-left: 1px solid #e1e1e1;
	border-right: 1px solid #e1e1e1;
	background: #fafafa;
	text-align: center;
}

div.leftColumnBottom2 {
	width: 278px;
	height: 20px;
	line-height: 10px;
	text-align: center;
	background: #fff url('img/bgrLeftColumnBottom2.png') left bottom no-repeat;
}

div.leftColumnMiddle1 ul li {
	border-bottom: 1px solid #e1e1e1;
	line-height: 180%;
	padding-left: 10px;
	color: #787878;
	background: url('img/bgrLi1.png') left center no-repeat;
}

div.leftColumnMiddle1 ul li.last {
	border: none;
}

div.leftColumnMiddle1 ul li a {
	font-weight: bold;
	text-decoration: none;
	color: #2f2f2f;
}

div.leftColumnMiddle1 ul li a:hover {
	text-decoration: underline;
}

div#ad1 {
	position: relative;
	width: 230px;
	height: 145px;
	margin: 10px 0;
	overflow: hidden;
}

div#ad1 span {
	position: absolute;
	left: 0;
	top: 0;
	width: 230px;
	height: 145px;
	background: #fff url('img/bgrAd1.png') no-repeat;
	cursor: pointer;
}

div#ad2 {
	position: relative;
	width: 210px;
	height: 132px;
	margin: 10px auto;
	overflow: hidden;
}

div#ad2 span {
	position: absolute;
	left: 0;
	top: 0;
	width: 210px;
	height: 132px;
	background: #fff url('img/bgrAd2.png') no-repeat;
	cursor: pointer;
}

div#tell {
	position: relative;
	width: 210px;
	
	margin: 10px auto;
	overflow: hidden;
}

div#tell span {
	position: absolute;
	left: 0;
	top: 0;
	width: 210px;
	height: 35px;
	background: #fff url('img/btn4.png') no-repeat;
	
}

/* left column - content ends here */

/* right column - content */


div#mainMenu {
	position: relative;
	width: 720px;
	height: 40px;
	overflow: hidden;
	background: #9e9d29 url('img/bgrMainMenu.png') no-repeat;
	margin-bottom: 10px;
}

div#mainMenu ul {
	width: 400px;
	height: 40px;
	line-height: 40px;
}

div#mainMenu ul li {
	float: left;
	padding: 0 7px;
	background: url('img/bgrSpacer.png') left center no-repeat;
}

div#mainMenu ul li.first {
	padding-left: 15px;
	background: none;
}

div#mainMenu ul li a {
	color: #fff;
	text-decoration: none;
	font-weight: bold;
}

div#mainMenu ul li a:hover {
	color: #ffffbf;
	text-decoration: underline;
}

div#mainMenu form {
	position: absolute;
	left: 400px;
	top: 0;
	height: 40px;
	width: 212px;
	background: url('img/bgrSearch.png') no-repeat;
}

div#mainMenu form input#query {
	position: absolute;
	left: 30px;
	top: 8px;
	height: 20px;
	width: 120px;
	background: #fff;
	border: none;
}

div#mainMenu form input#search {
	position: absolute;
	right: 0;
	top: 5px;
	height: 30px;
	width: 69px;
}

div#mainMenu a#cart {
	display: block;
	position: absolute;
	right: 10px;
	top: 5px;
	height: 30px;
	width: 90px;
}

div#mainMenu a#cart span {
	display: block;
	position: absolute;
	right: 0;
	top: 0;
	height: 30px;
	width: 90px;
	background: url('img/btnCart.png') no-repeat;
	cursor: pointer;
}

div#breadcrumbs {
	line-height: 250%;
	font-size: smaller;
}

div#breadcrumbs {
	line-height: 220%;
	font-size: smaller;
}

div#breadcrumbs a {
	color: #6b6b6b;
}

div#breadcrumbs a:hover {
	color: #ffa20f;
}

/* two columns */
div#twoColumns {
	
}

div.leftInner {
	float: left;
	width: 520px;
}

div.rightInner {
	float: right;
}

/* inner elements */
div.planet {
	position: relative;
	height: 231px;
	width: 518px;
	overflow: hidden;
	margin-bottom: 10px;
}

/*div.planet a {
	position: absolute;
	left: 0;
	top: 0;
	display: block;
	height: 231px;
	width: 518px;
	text-decoration: none;
	background: url('img/imgPlanet.jpg') no-repeat;
}*/

/* right inner boxes */

div.rightInnerTop {
	width: 180px;
	height: 35px;
	line-height: 35px;
	padding-left: 10px;
	background: url('img/bgrRightInnerTop.png') no-repeat;
}

div.rightInnerTop h2 {
	padding-left: 20px;
	background: url('img/icoDefault.png') left center no-repeat;
}

div.rightInnerTop h2.blank {
	padding-left: 10px;
	background: none;
}

div.rightInnerTop h2.stars {
	background: url('img/icoStars.png') left center no-repeat;
}

div.rightInnerTop h2.cart {
	background: url('img/icoCart.png') left center no-repeat;
}

div.rightInnerTop h2.featured {
	background: url('img/icoFeatured.png') left center no-repeat;
}

div.rightInnerMiddle {
	width: 167px;
	padding: 0 10px;
	border-left: 1px solid #e1e1e1;
	border-right: 1px solid #e1e1e1;
	background: #fff;
}

div.rightInnerMiddle p {
	margin: 0;
}

div.rightInnerBottom {
	width: 190px;
	height: 11px;
	margin-bottom: 10px;
	background: #fff url('img/bgrRightInnerBottom.png') no-repeat;
}

/* left inner boxes */

div.mainBoxTop1 {
	width: 500px;
	height: 35px;
	line-height: 34px;
	padding: 0 10px;
	background: url('img/bgrMainBoxTop1.png') no-repeat;
}

div.mainBoxTop1 h2 {
	padding: 0 13px;
	border-bottom: 1px dotted #e1e1e1;
}

div.mainBoxMiddle1 {
	width: 498px;
	padding: 0 10px;
	min-height: 156px;
	border-left: 1px solid #e1e1e1;
	border-right: 1px solid #e1e1e1;
	background: #fff url('img/bgrMainBoxMiddle1.png') center bottom no-repeat;
}

div.mainBoxBottom1 {
	width: 520px;
	height: 11px;
	margin-bottom: 10px;
	background: #fff url('img/bgrMainBoxBottom1.png') no-repeat;
}

div.mainBoxTop2 {
	width: 500px;
	height: 35px;
	line-height: 34px;
	padding: 0 10px;
	background: url('img/bgrMainBoxTop2.png') no-repeat;
	position: relative;
}

div.mainBoxTop2 h2 {
	padding: 0 13px;
	border-bottom: 1px dotted #c1c1c1;
}

div.mainBoxMiddle2 {
	width: 498px;
	padding: 0 10px;
	border-left: 1px solid #e1e1e1;
	border-right: 1px solid #e1e1e1;
	background: #eee;
}

div.mainBoxBottom2 {
	width: 520px;
	height: 11px;
	margin-bottom: 10px;
	background: #fff url('img/bgrMainBoxBottom2.png') no-repeat;
}

div.quarter {
	margin-bottom: 10px;
}

div.quarter h1 {
	border-bottom: 1px dotted #d0d0d0;
	padding: 0 2% 2% 2%;
	margin-bottom: 10px;
}

div.quarter ul {
	float: left;
	width: 23%;
	padding: 0% 1% 0 1%;
}

div.quarter ul li {
	padding-left: 10px;
	background: url('img/bgrLi2.png') left center no-repeat;
}

div.quarter ul li a {
	color: #2f2f2f;
}

div.paging {
	margin: 10px 0;
	padding: 0 10px;
	height: 31px;
	overflow: hidden;
	line-height: 31px;
	background: url('img/bgrPaging.png') no-repeat;
}

div.paging form {
	float: right;
}

div.detailItem {
	border-bottom: 1px dotted #d0d0d0;
	padding: 20px 0;
	line-height: 130%;
}

div.detailItem.last {
	border: none;
}

div.detailItem h3 a {
	color: #2f2f2f;
}

div.detailItem h3 a:hover {
	color: #ffa20f;
}

div.detailItemLeft {
	float: left;
	padding: 0 20px 0 100px;
	width: 220px;
}

div.detailItemLeft img {
	float: left;
	margin-left: -90px;
}

div.detailItemRight {
	float: right;
	width: 180px;
	line-height: 180%;
}

div.detailItemRight span.strike {
	text-decoration: line-through;
}

a.cart2 {
	display: block;
	position: relative;
	height: 24px;
	width: 124px;
	overflow: hidden;
	text-decoration: none;
}

a.cart2 span {
	display: block;
	position: absolute;
	left: 0;
	top: 0;
	height: 24px;
	width: 124px;
	overflow: hidden;
	cursor: pointer;
	background: url('img/btnBN.png') no-repeat;
}

span.rating {
	display: inline-block;
	padding-right: 60px;
	position: relative;
}

span.rating span {
	vertical-align: middle;
	float: right;
	margin: 6px -60px 0 0;
	height: 10px;
	width: 55px;
	overflow: hidden;
	background: url('img/bgrRating.png') 0 0 no-repeat;
	/* hvezdicky se pridavaji/ubiraji pouhou zmenou background-position
	background: url('img/bgrRating.png') 0 -10px no-repeat;
	background: url('img/bgrRating.png') 0 -20px no-repeat;
	background: url('img/bgrRating.png') 0 -30px no-repeat;
	background: url('img/bgrRating.png') 0 -40px no-repeat;
	background: url('img/bgrRating.png') 0 -50px no-repeat;
	*/
}

p.newReleaseItem {
	margin: 0;
	padding: 10px 0;
	float: left;
	width: 20%;
	text-align: center;
	font-size: smaller;
	line-height: 120%;
	overflow: hidden;
}

p.newReleaseItem a {
	display: block;
}

p.newReleaseItem strong {
	display: block;
}

p.newReleaseItem img {
	border: 1px solid #e8e8e8;
}

p.newReleaseItem a.addToCart {
	display: block;
	margin: 0 auto;
	position: relative;
	width: 83px;
	height: 24px;
	overflow: hidden;
	text-decoration: none;
}

p.newReleaseItem a.addToCart span {
	display: block;
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
	background: url('img/btnBN.png') no-repeat;
	cursor: pointer;
}

p.featuredProductsItem {
	margin: 0;
	padding: 10px 2% 10px 0;
	float: left;
	width: 31%;
	text-align: left;
	line-height: 120%;
	overflow: hidden;
}

div.rightInnerMiddle p.featuredProductsItem {
	width: auto;
	padding-left: 70px;
	border-bottom: 1px dotted #d0d0d0;
}

div.rightInnerMiddle p.featuredProductsItem.last {
	border: none;
}

div.rightInnerMiddle p.featuredProductsItem img, div.rightInnerMiddle p.featuredProductsItem a.larger {
	margin: 0 0 5px -70px;
	display: block;
}

div.rightInnerMiddle p.featuredProductsItem a.larger {
	color: #2f2f2f;
}

div.rightInnerMiddle p.featuredProductsItem a:hover.larger {
	color: #ffa20f;
}

p.featuredProductsItem img {
	float: left;
	margin: 0 6px 3px 0;
}

p.featuredProductsItem a.detail {
	display: block;
	position: relative;
	width: 80px;
	height: 24px;
	overflow: hidden;
	font-size: smaller;
	text-align: center;
	text-decoration: none;
}

p.featuredProductsItem a.detail span {
	display: block;
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
	background: url('img/btn2.png') no-repeat;
	cursor: pointer;
}

p.featuredProductsItem a.detail2 {
	display: block;
	position: relative;
	width: 121px;
	height: 24px;
	overflow: hidden;
	font-size: smaller;
	text-align: center;
	text-decoration: none;
}

p.featuredProductsItem a.detail2 span {
	display: block;
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
	background: url('img/btn6.png') no-repeat;
	cursor: pointer;
}

p.featuredProductsItem strong {
	padding: 3px 0 7px 0;
	display: block;
	clear: both;
}

p.featuredProductsItem span.color3 {
}

p.featuredProductsItem span.color2 {
	padding: 3px 0 0 0;
	display: block;
}


/* right column - content ends here */

/* footer */

div#footer {
	position: relative;
	height: 41px;
	line-height: 41px;
	padding: 0 20px;
	margin: 10px 0 20px 0;
	color: #818181;
	background: url('img/bgrFoot.png') center center no-repeat;
}

div#footer p {
	position: absolute;
	right: 20px;
	top: 0;
	margin: 0;
	height: 41px;
	line-height: 41px;
}

div#footer a {
	color: #969696;
}

div#footer a:hover {
	color: #2f2f2f;
}

/* footer */

/******************************* detail page *********************************************************************************/
body.detailPage div#wrapper {
  background: #fff url('img/bgrMain2.png') no-repeat;
  text-align: left;
}

body.detailPage div#left {
	text-align: center;
	padding: 10px 0;
}

body.detailPage div#footer {
	margin: 0;
}

body.detailPage div.rightInner {
	padding: 42px 10px 20px 10px;
}

body.detailPage div.leftInner {
	width: 500px;
	padding: 0 0 20px 0;
}

body.detailPage div#textDiv {
	padding: 0 0 0 20px;
}

body.detailPage div#breadcrumbs {
	line-height: 30px;
	padding-left: 20px;
}

body.detailPage div#textDiv h1 {
	border-bottom: 1px dotted gray;
	padding-bottom: 5px;
	font-size: x-large;
	font-weight: bold;
}

body.detailPage div#textDiv table td {
	vertical-align: middle;
}

div.detailOverlay {
	background: #fff url('img/bgrMain2.png') left -1990px no-repeat;
	padding: 20px 10px;
}

div.dvdTitle img.thumb {
	margin-right: 3px;
	border: 1px solid #e4e4e4;
}

div.border {
	border-bottom: 1px dotted gray;
	padding: 20px 0;
}

a.addDetail {
	display: block;
	position: relative;
	width: 144px;
	height: 37px;
	overflow: hidden;
	margin-left: 10px;
}

a.addDetail span {
	position: absolute;
	left: 0;
	top: 0;
	width: 144px;
	height: 37px;
	background: #fff url('img/btn5.png') no-repeat;
	cursor: pointer;
}

span.starsVote {
	display: inline-block;
	padding-left: 90px;
	height: 16px;
	color: #2f2f2f;
	background: url('img/bgrStarsVote.png') left bottom no-repeat;
}

a.rateVote {
	display: inline-block;
	padding-right: 20px;
	color: #2f2f2f;
	background: url('img/bgrRateVote.png') right center no-repeat;
}

body.detailPage div.wideBoxMiddle1 p.featuredProductsItemX, body.detailPage div.wideBoxMiddle2 p.featuredProductsItem {
	width: 23%;
}

/* wide box */
div.wideBoxTop1 {
	padding: 0 10px;
	width: 940px;
	height: 40px;
	line-height: 39px;
	background: url('img/bgrWideBoxTop1.png') no-repeat;
}

div.wideBoxTop1 h2 {
	border-bottom: 1px dotted #adadad;
}

div.wideBoxMiddle1 {
	padding: 0 10px;
	width: 936px;
	border-left: 1px solid #e6e6e6;
	border-right: 1px solid #e6e6e6;
	background: #f4f4f4;
}

div.wideBoxBottom1 {
	padding: 0 10px;
	margin-bottom: 20px;
	width: 940px;
	height: 10px;
	background: url('img/bgrWideBoxBottom1.png') left bottom no-repeat;
}

div.wideBoxTop2 {
	padding: 0 10px;
	width: 940px;
	height: 40px;
	line-height: 39px;
	background: url('img/bgrWideBoxTop2.png') no-repeat;
}

div.wideBoxTop2 h2 {
	border-bottom: 1px dotted #adadad;
}

div.wideBoxMiddle2 {
	padding: 0 10px;
	width: 936px;
	border-left: 1px solid #e6e6e6;
	border-right: 1px solid #e6e6e6;
	background: #fff;
}

div.wideBoxBottom2 {
	padding: 0 10px;
	margin-bottom: 20px;
	width: 940px;
	height: 11px;
	background: url('img/bgrWideBoxBottom2.png') left bottom no-repeat;
}

/* checkout page */
div#process1, div#process2, div#process3 {
	position: absolute;
	left: 310px;
	top: 29px;
	height: 30px;
	width: 654px;
}

div#process1 span, div#process2 span , div#process3 span {
	display: block;
	position: absolute;
	left: 0;
	top: 0;
	height: 30px;
	width: 654px;
	background: url('img/bgrCheckoutHead1.png') no-repeat;
}

div#process2 span {
	background-position: left -30px;
}

div#process3 span {
	background-position: left -60px;
}

div#checkoutTop {
	height: 36px;
	width: 960px;
	margin: 0 auto;
	background: url('img/bgrCheckoutTop.png') no-repeat;
}

div#checkoutMiddle {
	width: 960px;
	margin: 0 auto;
	background: url('img/bgrCheckoutMiddle.png') repeat-y;
}

div#checkoutMiddle div.content {
	margin: 0 auto;
	padding-top: 30px;
	width: 720px;
}

div#checkoutMiddle div.contentNarrow {
	margin: 0 auto;
	padding-top: 30px;
	width: 278px;
}

div#checkoutBottom {
	height: 121px;
	width: 960px;
	margin: 0 auto;
	background: url('img/bgrCheckoutBottom.png') no-repeat;
}

div#checkoutBottom p {
	line-height: 120px;
	margin-top: 0;
	padding-left: 20px;
	font-weight: bold;
	font-size: larger;
}

body.checkout table td {
	padding: 0;
}

body.checkout div.mainBoxMiddle2 {
	min-height: 1px;
}

a#confirm {
	display: block;
	width: 170px;
	height: 30px;
	position: relative;
	margin: 0 auto;
}

a#confirm span {
	display: block;
	width: 170px;
	height: 30px;
	position: absolute;
	left: 0;
	top: 0;
	background: url('img/btn7.png') no-repeat;
}

a#remove {
	position: absolute;
	right: 10px;
	top: 0;
	font-size: smaller;
}

span#cards {
	position: absolute;
	width: 139px;
	height: 22px;
	right: 10px;
	top: 6px;
	background: url('img/bgrCards.png') no-repeat;
}

table td.paddingTop {/* řeší odsazení nadpisů */
    padding-top: 1em;
}

table.styled {
	margin: 20px auto;
	width: 100%;
    table-layout: fixed;
}

table.styled td {
	border: 1px solid #ddd;
	background: #f6f6f6;
	text-align: center;
	padding: 3px 6px;
	vertical-align: middle;
}

table.styled tr.even td {
	background: #fafafa;
}

table.styled thead td {
	background: #ddd;
	font-weight: bold;
}

tr.totalPrice td {
	background: #ddd;
	border: 1px solid #f6f6f6;
}

tr.totalPrice td table td {
	border: none;
}

input#apply {
	position: relative;
	top: 7px;
}

body.checkout div.mainBoxTop2 {
	padding: 0;
	width: 520px;
}


/* common classes */

.clear {
  clear: both;
  line-height: 0;
  font-size: 0;
}
.full {
	width: 100%;
}
.block {
	display: block;
}
.center {
  text-align: center !important;
}
.right {
  text-align: right !important;
}
.left {
  text-align: left !important;
}

.bold {
	font-weight: 900;
}

.error {
	background: #f00;
	color: #fff;
	font-weight: bold;
}

tr.error td {
	background: #f00;
	color: #fff;
	font-weight: bold;
}

tr.error2 td {
	color: #f00;
}
.error2 {
	color: #f00;
}
td.middle
{
	width: 100px;
}
td.wide
{
	width: 200px;
}

td.extrawide
{
	width: 400px;
}

td.thin
{
	width: 40px;
}
td.thiner
{
  width: 30px;
}
td.f_price 
{
  width: 50px;
}
td.number
{
	text-align: right;
}
th.middle
{
	width: 100px;
}
th.wide
{
	width: 200px;
}

th.extrawide
{
	width: 400px;
}

th.thin
{
	width: 40px;
}

th.number
{
	text-align: right;
}

.strike {
	text-decoration: line-through;
}

.noBack {
  background: none !important;
}

.smaller {
  font-size: smaller;
}

.larger {
  font-size: larger;
}
.small {
	font-size: xx-small;
}
.bold {
	font-weight: bold;
}
.color1 {
  color: #ffa20f !important;
}
.color2 {
  color: #b71717 !important;
}
.color3 {
  color: #545454 !important;
}

.marginAuto {
	margin: 0 auto !important;
}

.marginTop {
	margin-top: 20px;
}

/* common classes ends here */

/* hints */
.hintsClass {
	font-size: 12px;
	background-color: #fff;
	color: #146eb4;
	border: 1px solid #146eb4;
	padding: 5px;
}
.hintSource {

}
/* changed or added declarations */

div.border {
	line-height: 250%;
}

.floatL {
	float: left;
	margin-right: 5px;
}

/* new elements - benefits */
div.benefitsWrapper1 {
	width: 151px;
	float: right;
}

div.benefitsWrapper2 {
	float: right;
	position: relative;
	top: 50px;
}

p.benefit1, p.benefit2, p.benefit3 {
	width: 151px;
	height: 65px;
	margin: 0 0 5px 0;
	padding: 0;
	overflow: hidden;
	position: relative;
	float: left;
}

p.benefit1 span, p.benefit2 span, p.benefit3 span {
	width: 100%;
	height:  100%;
	position: absolute;
	left: 0;
	top: 0;
}

p.benefit1 span {
	background: url('img/benefit1.png') no-repeat;
}

p.benefit2 span {
	background: url('img/benefit2.png') no-repeat;
}

p.benefit3 span {
	background: url('img/benefit3.png') no-repeat;
}

a.highlite:link, a.highlite:visited, a.highlite:hover {color:gray}