/* Reset CSS */
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,
b, u, i, center,
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-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

a {
	text-decoration: none;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}	

body {
	background: url(../img/main_bg.png) repeat-x top center #8bb876;
	margin: 0;
	padding: 0;
        font-family: arial;
        font-size: 12px;
        color: #5a5a5a;
}

/* Containers */
#wrapper {
	margin: 0 auto;
	width: 1000px;
}

#leftcolumn {
	width: 275px;
	min-height: 500px;
	padding-right: 20px;
}

#maincolumn {
	width: 450px;
	min-height: 50px;
}

#rightcolumn {
	width: 220px;
	min-height: 500px;
	padding: 140px 0 0 30px;
}

/* Positioning classes */
.left {
	float: left;
}

.right {
	float: right;
}

.clear {
	clear: both;
}
 
.hidden{
	display: none;
}

/* Text formatting */
h1 {
	background: url(../img/logo.png) no-repeat;
	text-indent: -9999px;
	height: 115px;
	width: 260px;
	margin: 15px 0;
}

h2, p, label, a {
	padding: 1px;
}

.whitetext {
	color: #ffffff;
	text-shadow: 1px 1px 0 rgba(0,0,0, 0.25);
}

p.whitetext {
	margin: 4px 0;
}

.lightgreytext {
	color: #959595;
}

.greytext {
	color: #686868;
}

.lightgreentext {
	color: #d4e2ca;
	text-shadow: 1px 1px 0 rgba(0,0,0, 0.25);
}

.lightgreytext, .greytext {
        text-shadow: 1px 1px 0 #ffffff;
}

.error {
	background: red;
}

.success {
	background: green;
}

.smalltext {
	font-size: 11px;
}

.mediumtext {
	font-size: 13px;
}

.bigtext {
	font-size: 14px;
}

.dropdown label {
	padding: 3px 0;
    display: block;
}

.dropdown label:hover {
	cursor: pointer;
}

.offer .price {
	margin-top: -32px;
	margin-right: -19px;
	background: #e62b00;
	background: -moz-linear-gradient(top, #f02d00, #db2900);
	background: -webkit-gradient(linear, 0 0, 0 100%, from(#f02d00), to(#db2900));
	width: 45px;
	padding: 5px 4px;
	color: #ffffff;
	text-shadow: 1px 1px 0 rgba(0,0,0,0.3);
	text-align: center;
	-moz-box-shadow: 0 1px 0 rgba(0,0,0,0.1);
	-webkit-box-shadow: 0 1px 0 rgba(0,0,0,0.1);
	position: relative;
}

.box.green span {
	font-size: 18px;
	margin: 0 3px;
	position: relative;
	top: 3px;
	color: #a0da85;
	font-family: Gill Sans, Arial;
}

#contactform .svar {
	margin: 4px 0 0 5px;
	padding: 2px;
}

/* General boxes */
.box {
	-moz-box-shadow: 1px 1px 0 rgba(0,0,0,0.2);
	-webkit-box-shadow: 1px 1px 0 rgba(0,0,0,0.2);
}

.white {
	background: #ffffff;
	background: -moz-linear-gradient(top, #ffffff, #eaeaea);
	background: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), to(#eaeaea)); 
	text-shadow: 1px 1px 0 #ffffff; 
}

.green {
	background: #7aa765;
	border-left: 1px solid #6a9058;
	border-top: 1px solid #6a9058;
	border-right: 1px solid #a1c391;
	border-bottom: 1px solid #a1c391;
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
	text-shadow: 1px 1px 0 rgba(0,0,0,0.2);
}

.rounded {
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
}

.dropdown {
	background: #ececec;
	z-index: 99;
	width: 132px;
	margin-left: -6px;
	position: absolute;
	top: 89%;
	-moz-border-radius-topleft: 0;
	-webkit-border-radius-top-left: none;
	-moz-border-radius-topright: 0;
	-webkit-border-radius-top-right: none;
	padding: 5px;
}


/* Leftcol boxes */
#intro {
	width: 165px;
	text-align: center;
	line-height: 17px;
	padding: 8px; 
	position: relative;
}

#sharingtools {
	margin-top: 80px;
	padding: 8px;
	width: 230px;
}

#followtools, #contactform {
	margin-top: 10px;
	padding: 8px;
	width: 230px;
}

#followtools hr {
	margin: 5px 0 6px 0;
	border-top: 1px solid #d6d6d6;
	border-bottom: 1px solid #ffffff;
	border-left: 0;
	border-right: 0;
}

#sharingtools hr, #followtools hr, #contactform hr {
	margin: 5px 0;
}

/* Rightcol boxes */

input[type="radio"] {
	margin-right: 5px;
}

#quote1, #quote2 {
	width: 180px;
	line-height: 17px;
        padding: 8px;
}

#quote1 {
	margin-top: 155px;
}

#quote2 {
	margin-top: 10px;
}

.tool {
	width: 130px;
	height: 28px;
	padding: 6px;
	background: url(../img/tools_bg.png) repeat-x center;
	position: relative;
}

/* Maincol boxes */
#offersarea {
	padding: 5px 0;
	background: #ffffff;
}

.outeroffer {
	margin: 10px 0;
	height: 80px;
	border-top: 1px solid #e5e5e5;
	border-bottom: 1px solid #e5e5e5;
	background: #f3f3f3;
	background: -moz-linear-gradient(top, #f3f3f3, #f0f0f0);
	background: -webkit-gradient(linear, 0 0, 0 100%, from(#f3f3f3), to(#f0f0f0));
}

.outeroffer:hover {
	-moz-box-shadow: 1px 0 5px rgba(0,0,0,0.25);
	-webkit-box-shadow: 1px 0 5px rgba(0,0,0,0.25);
	border-bottom: 1px solid #d5d5d5;
}

.offer {
	padding: 8px 12px;
	border-top: 1px solid #ffffff;
}

.bottombar {
	margin-top: 9px;
	height: 22px;
	width: 100%;
	line-height: 17px;
}

.ratebar {
	width: 100px;
}

.ratebar span, .votebar span {
	line-height: 18px;
	height: 18px;
	width: 18px;
	background: #b2b2b2;
	margin-top: 1px;
	text-align: center;
}

.votebar span {
	background: #7bcb79 url(../img/tool_buttons.png) center;
	background-position: -136px 0;
}

.votebar span:hover {
	background: #30af2d url(../img/tool_buttons.png) center;
	background-position: -136px -19px;
	cursor: pointer;
}

.redbutton, .greenbutton, .twitterbutton, .emailbutton, .favoritebutton, .nettbybutton, .facebookbutton {
	width: 19px;
	height: 19px;
	padding: 0;
}

.redbutton {
	background: url(../img/tool_buttons.png) no-repeat;
	background-position: -20px 0;
}

.redbutton:hover {
	background: url(../img/tool_buttons.png) no-repeat;
	background-position: -20px -19px;
}

.greenbutton {
	background: url(../img/tool_buttons.png) no-repeat;
	background-position: 0 0;
}

.greenbutton:hover {
	background: url(../img/tool_buttons.png) no-repeat;
	background-position: 0 -19px;
}

.twitterbutton {
	background: url(../img/tool_buttons.png) no-repeat;
	background-position: -38px 0;
}

.twitterbutton:hover {
	background: url(../img/tool_buttons.png) no-repeat;
	background-position: -38px -19px;
}

.nettbybutton {
	background: url(../img/tool_buttons.png) no-repeat;
	background-position: -115px 0;
}

.nettbybutton:hover {
	background: url(../img/tool_buttons.png) no-repeat;
	background-position: -115px -19px;
}

.emailbutton {
	background: url(../img/tool_buttons.png) no-repeat;
	background-position: -75px 0;
}

.emailbutton:hover {
	background: url(../img/tool_buttons.png) no-repeat;
	background-position: -75px -19px;
}

.favoritebutton {
	background: url(../img/tool_buttons.png) no-repeat;
	background-position: -95px 0;
}

.favoritebutton:hover {
	background: url(../img/tool_buttons.png) no-repeat;
	background-position: -95px -19px;
}

.facebookbutton {
	background: url(../img/tool_buttons.png) no-repeat;
	background-position: -58px 0;
}

.facebookbutton:hover {
	background: url(../img/tool_buttons.png) no-repeat;
	background-position: -58px -19px;
}

.offer p, .offer img {
	margin-right: 8px;
	padding: 2px 1px;
}

.twitterli {
	background: url(../img/tool_buttons.png) no-repeat;
	background-position: -38px 0;
	width: 20px;
	height: 20px;
}

.twitterli a, .facebookli a {
	padding: 0 0 0 22px;
	line-height: 22px;
}

.facebookli {
	background: url(../img/tool_buttons.png) no-repeat;
	background-position: -57px 0;
	width: 20px;
	height: 20px;
}

.twitterli:hover {
	background: url(../img/tool_buttons.png) no-repeat;
	background-position: -38px -19px;
}

.facebookli:hover {
	background: url(../img/tool_buttons.png) no-repeat;
	background-position: -57px -19px;
}

/* Other elements */
hr {
	margin: 0;
	padding: 0;
	border-top: 1px solid #d6d6d6;
	border-bottom: 1px solid #ffffff;
	border-left: 0;
	border-right: 0;
}

.introarrow {
	width: 0;
	height: 0;
	line-height: 0;
	border-bottom: 10px solid #f4f4f4;
	border-left: 10px solid transparent;
	top: 35px;
	left: -10px;
	position: absolute;
	-moz-box-shadow: 0 1px rgba(0,0,0,0.2);
}

.pricearrow {
	width: 0;
	height: 0;
	line-height: 0;
	border-left: 7px solid #8e1b00;
	border-top: 8px solid transparent;
	top: -8px;
	left: 46px;
	position: absolute;
}

.sortarrow {
	width: 0;
	height: 0;
	line-height: 0;
	border-bottom: 5px solid grey;
	border-left: 5px solid transparent;
	top: 30px;
	left: 130px;
	position: absolute;
	-moz-box-shadow: 1px 1px 0 #ffffff;
	-webkit-box-shadow: 1px 1px 0 #ffffff; 
	box-shadow: 1px 1px 0 #ffffff;
}


/* Form styling */

#contactform {
	
}

#contactform select {
	width: 95%;
	margin: 0 0 4px 0;
}

#contactform input[type=text], #contactform textarea {
	width: 95%;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	border-radius: 2px;
	border: 1px solid #c0c0c0;
	padding: 3px;
	margin: 4px 0;
	font-size: 11px;
	font-family: arial;
	color: #686868;
	text-shadow: 1px 1px 0 #ffffff;
	background: #fafafa;
}

#contactform input[type=submit] {
	background: #b8b8b8;
	padding: 2px;
	border: 0;
	margin-top: 3px;
}

#contactform input[type=submit]:hover {
	background: #9a9a9a;
	padding: 2px;
	border: 0;
	cursor: pointer;
}

.focusField {
	border: 1px solid #979797;
	color: #444444;
}

.idleField {
	background: inherit;
}