/*#########################################################
###        Document Stylesheet for Golf Outlet          ###
###       Type: Formatting for Structure & Text         ###
###          Jussi Lahtinen / Smilehouse Oy             ###
#########################################################*/

/***** Framework Settings *****/
#wrapper {
	width: 1004px;
	text-align: left;
	margin: 0 auto;
}

#shopwrapper {
	background: #FFF url(mainbg.gif) repeat-y right;
	padding-bottom: 15px;
	padding-right: 11px;
	padding-left: 15px;
}

#leftcolumn { 
 color: #333;
 margin: 0px 40px 0px 0px;
 padding: 0px;
 width: 177px;
 float: left;
}
#content { 
 float: left;
 color: #333;
 margin: 0px 18px 0px 0px;
 padding: 0px;
 width: 522px;
 display: inline;
}
#rightcolumn { 
 color: #333;
 margin-right: 15px;
 padding: 0px;
 width: 179px;
 float: right;
 position: relative;
}
#header {
}

#container {
	float: right;
	color: #333;
	margin: 0px;
	padding: 0px;
	width: 750px;
	display: inline;

}

table,img {
	border-style: none;
}

.space { 
 margin: 0px 35px 0px 0px;
 padding: 0px;
 width: 522px;

}

/***** Floats *****/

.left {float:left;}
.right {float:right;}
.clear  {clear:both;}

/***** Typography *****/

body,ul,ol,dl,td,th,caption,pre,p,blockquote,input,textarea,select,font {
	font: 12px Arial, Helvetica, sans-serif;
}


/***** Forms *****/
 
form {margin:0; padding:0; display:inline;}
fieldset { border: 1px solid #ccc; }
legend { background: #fff; }
#content textarea, #content input[type='text'], #content select { 	background: #FFF url(inputbg.gif); border: 1px solid #aaa; }
#content textarea:hover, #content input[type='text']:hover, #content input[type='password']:hover, #content select:hover { border-color: #000; }
#content textarea:focus, #content input[type='text']:focus, #content input[type='password']:focus, #content select:focus { border-color: #888; outline: 2px solid #ddd; }
#content input[type='button'], #content input[type='submit'], #content input[type='checkbox'], #content input[type='image'], #content input[type='radio'], #content input[type='reset'],#content select, #content button { cursor: pointer; }
#content input[type='hidden'] { display:none; }
#content input[type='image'] { border: 0px; }


/***** Basic formatting *****/

 
body {
	line-height: 1;
	text-align: left;
	color: #000;
	background: #bfbfbf url(bg.jpg) repeat-x;
	margin: 0px;
	padding: 0px;
}


a:link, a:visited  {
	color: #544401;
	text-decoration: none;
}

a:active, a:hover  {
	color: #544401;
	text-decoration: underline;
}


a img, :link img, :visited img, a:hover img {
	border:none;
	text-decoration: none;
}

h1 {
	margin-bottom: 5px;
	margin-top: 10px;
	color: #857a22;
}

h2 {
	font-size: 16px;
	padding-bottom: 5px;
	padding-right: 5px;
}

h3 {
	font-size: 12px;
	color: #003399;
}


/***** Tree menu *****/

ul.ProductGroupTree{
    margin: 0px;
    padding: 0px;
    list-style-type: none; 
}

.ProductGroupTree li  {
	list-style: none;
	text-align: left;
}

.ProductGroupTree li a {
	display: block;
	width: 160px;
	margin: 1px 0px;
	padding: 10px;
	background: url(li-bg.gif) no-repeat;
}

.ProductGroupTree li ul {
	margin: 0px;
	padding: 0px 0px 5px 15px;
	background: #FFF;
}

.ProductGroupTree li ul li  {
	background-image: none;
	margin: 0px;
}

.ProductGroupTree li ul li a {
	font-weight: normal;
	background: url(li-li-bg.gif) no-repeat;
	padding-top: 5px;
	padding-bottom: 2px;
	padding-left: 18px;
	width: 145px;
}
.ProductGroupTree .sel a  {
	font-weight: bold;


}
/***** WS-styles *****/

.koritable {

	width: 100%;
}

.koritable th {
	font-weight: bold;
	padding: 8px 4px;
	color: #000;
	text-align: left;
	background-color: #ededed;
}

.koritable td {
	padding: 10px 4px;
	border-bottom: 1px solid #dfdfdf;
}


.table {
	border-width: 1px;
	border-style: solid;
	border-color: #dfdfdf;
	border-collapse: collapse;
	width: 100%;
}

.table th {
	border-width: 1px;
	border-style: solid;
	border-color: #dfdfdf;
	font-weight: bold;
	padding: 4px;
	color: #000;
	text-align: left;
	background-color: #fffce7;

}

.table td {
	border-width: 1px;
	border-style: solid;
	border-color: #dfdfdf;
	padding: 4px;
}


.TableFooter td {
	font-weight: bold;
	background: #ededed;
	padding: 4px;
}

.TableTdDark, .TableRowDark td {
	background: #f0f0f0;
	padding: 2px;
	font-weight: bold;
}

.TdDark {
	background: #f8f8f8;
	padding: 2px;
	font-weight: bold;
}

.TableError td {
	padding: 2px;
	font-weight: bold;
	background-color: #FF0000;
	color: #FFF;
}
.tilaushistoria .table td {
	padding: 4px;
	border-bottom: 1px solid #dfdfdf;
}


.LoginFormUser, .LoginFormPasswd {
	width: 118px;
	margin: 0px 0px -10px 5px;
	padding: 5px;
	background: url(logininputbg.gif) no-repeat;
	height: 27px;
	border-style: none;
}

.ProductOptionsField  {
	font-size: 12px;
	border: 1px solid #000;
}
.ProductAmountField, .ShoppingCartQuantityField  {
	font-size: 12px;
	width: 20px;
	margin-bottom: 2px;
}
.ProductAddButton {
	margin-bottom: -5px;
	padding: 0px;
}
.RecoveryFormUser  {
	width: 158px;
}

.haku input[type='text'] {
	margin: 0 0px -7px 5px;
	background: url(searchbg.gif) no-repeat;
	height: 25px;
	width: 158px;
	border-style: none;
	padding: 4px;
} 

.ShoppingCartUpdate{
	margin-bottom: -5px;
	padding: 0px;
}


.WishlistItemDelete {
	background: url(btn-poista.gif) no-repeat;
	height: 18px;
	width: 40px;
	margin: 0px;
	padding: 0px;
	border-style: none;
}

.WishlistClear {
	background: url(btn-tyhjenna_lista.gif) no-repeat;
	height: 18px;
	width: 78px;
	margin: 0px;
	padding: 0px;
	border-style: none;
}
.WishlistOrder {
	background: url(btn-tilaa_toivelistan_tuotteet.gif) no-repeat;
	height: 18px;
	width: 130px;
	margin: 0px;
	padding: 0px;
	border-style: none;
}
.WishlistAddBasket {
	background: url(btn-siirra_tuotteet_koriin.gif) no-repeat;
	height: 18px;
	width: 136px;
	margin: 0px;
	padding: 0px;
	border-style: none;
}
.WishlistItemAddBasket {
	background: url(btn-siirra_koriin.gif) no-repeat;
	height: 18px;
	width: 67px;
	margin: 0px;
	padding: 0px;
	border-style: none;
}
.border {
	border: 1px solid #ececec;
}

.total {
	font-size: 16px;
	font-weight: bold;
	color: #39a001;
}

.price {
	font-size: 16px;
	font-weight: bold;
	color: #000;
}
.oldprice {
	color: #737373;
	font-size: 12px;
	text-decoration: ;
}

.productcard h2 {
	border-bottom: 2px solid #fbe500;
	text-transform: uppercase;
	padding-bottom: 12px;
}

.productcardinfo {
	border-top: 2px solid #fbe500;
	padding-top: 12px;
}

.productcard .price {
	font-size: 20px;
}


.frontbigspot {
	background: url(frontbigspotbg.gif) no-repeat;
	height: 236px;
	width: 522px;
	margin-bottom: 5px;
	color: #544401;
}

.frontbigspot h2 {
	font-size: 16px;
	padding: 0px;
	margin: 7px 0px 17px;
}	
.frontbigspot .price {
	color: #ffed00;
	font-size: 18px;


}
.frontbigspotpic {
	float: left;
	padding-right: 10px;
	padding-left: 10px;
}

.frontbigspotinfo {
	float: left;
	width: 350px;
}
.frontbigspotslogan {
	float: left;
	padding: 15px;
	width: 375px;
	font-size: 18px;
	font-weight: bold;
}

.frontbigspotprice {
	float: left;
	width: 115px;
	padding-top: 43px;
	text-align: center;
}

.frontspot {
	background: url(frontspotbg.gif) no-repeat 0px 40px;
	height: 285px;
	width: 252px;
	color: #544401;
	float: left;
	margin: 0px 4px 4px 0px;
}

.frontspot h2 {
	float: left;
	padding: 15px 10px 0px;
	width: 150px;
	font-size: 16px;
	font-weight: bold;
	margin: 0px;
}	
.frontspot .price {
	color: #ffed00;
	font-size: 16px;


}
.frontspotpic {
	float: left;
	padding-right: 10px;
	padding-left: 5px;
	padding-top: 40px;
}

.frontspotinfo {
	float: left;
	width: 125px;
	padding-left: 10px;
}

.frontspotslogan {
	padding: 20px 10px 10px;
	font-size: 14px;
	font-weight: bold;
}
.frontspotprice {
	float: left;
	width: 70px;
	padding-top: 33px;
	text-align: center;
}


.productlistcard {
	background: url(productlistcardbg.gif) no-repeat;
	height: 128px;
	width: 525px;
	margin-bottom: 5px;
	color: #544401;
}
.productlistcard .price {

	color: #FFED00;
}

.productcardcontent {
	padding: 10px;
	border: 3px solid #FFF;
}

.productlistcard h2 {
	font-size: 14px;
	padding: 0px;
	margin: 0px 0px 5px;
}
 
.productlistcontent {
	padding: 5px;
	height: 165px;
	border: 3px solid #FFF;
}

.productlistcardpic {
	float: left;
	padding: 10px;
}
.productlistcardinfo {
	float: left;
	padding: 15px;
	width: 280px;
}
.productlistcardprice {
	float: left;
	width: 86px;
	padding-top: 33px;
	text-align: center;
}
.print {
	background: url(print.png) no-repeat 2px;
	padding-left: 22px;
}
.topbanner {
	padding: 10px;
	float: right;
}
.login {
	padding: 0px 5px;
	float: right;
	color: #FFF;
}

.login a:link, .login a:visited {
	font-weight: bold;
	color: #FFEC00;

}
.takaisin {
	text-align: left;
}

.takaisin a:link, .takaisin a:visited {
	font-size: 11px;
	background: url(takaisinbg.gif) no-repeat 2px;
	padding-left: 15px;
	font-weight: bold;

}
.width {
	width: 530px;
}

.vaiheet {
	background: #f0eddc;
	padding-right: 10px;
	padding-left: 10px;
}


.piilota {
	visibility: hidden;
}

.tarjous {
	background: url(tarjous.gif) no-repeat;
	display: block;
	height: 49px;
	width: 49px;
}

#content .pad{
	padding: 10px;

}


/***** Ilmoitukset *****/

.alert {
	background: #ffb2a8 url(error.gif) no-repeat 15px 50%; /* x-pos y-pos */
	text-align: left;
	padding: 5px 20px 5px 45px;
	border-top: 2px solid #ff3339;
	border-bottom: 2px solid #ff3339;
	margin: 0px;
    }
	
.info {

    background: #d0e0ff url(info.gif) no-repeat 15px 50%; /* x-pos y-pos */
    text-align: left;
    padding: 5px 20px 5px 45px;
    border-top: 2px solid #5e9eff;
    border-bottom: 2px solid #5e9eff;
}
.ok {

    background: #e3ffd0 url(ok.gif) no-repeat 15px 50%; /* x-pos y-pos */
    text-align: left;
    padding: 5px 20px 5px 45px;
    border-top: 2px solid #a8ff5e;
    border-bottom: 2px solid #a8ff5e;
}

.note {
	border: 1px solid #adc4e9;
	padding-right: 15px;
	padding-left: 15px;
	background: #e5ecf7;
	margin-bottom: 10px;
	color: #003399;
}


/** paging **/	

#paging {
	text-align: center;
}
#paging .dots {
	padding-left: 2px;
	padding-right: 2px;
	font-size: 12px;
}
#paging .pageNumbers a {
	padding-right: 4px;
	padding-left: 4px;
	font-size: 12px;
}
#paging .previousPage a {
	font-size: 12px;
	padding-right: 6px;
	font-weight: bold;
}
#paging .thisPage {
	padding-right: 6px;
	padding-left: 6px;
	font-size: 15px;
	font-weight: bold;
}
#paging .nextPage a {
	padding-left: 6px;
	font-size: 12px;
	font-weight: bold;
}
#paging .firstPage a {
	padding-right: 8px;
	font-size: 12px;
}
#paging .lastPage a {
	padding-left: 8px;
	font-size: 12px;
}

/** Laajennettu haku **/	

#haku table {
	margin: 0px;
	padding: 0;
}
#haku th {
	background-color: inherit;
	font-weight: normal;
	border-bottom: 1px solid #F3F6F8;
	padding: 8px;
	line-height: 14px;
}
#haku td {
	background-color: inherit;
	border-bottom: 1px solid #F3F6F8;
}
#haku tbody tr:hover {
	color: inherit;
	background-color: #f7f6f7;
}
#haku input {
	padding: 1px;
}
#haku td{
	padding: 8px;
}
#haku .submit {
	border: 0px;
}

/** Tuotehaku **/
#tuotehaku {
	background: #ffc400 url(tuotehakubg.gif) no-repeat left top;
	border: 2px solid #000;
	padding-top: 30px;
	padding-left: 13px;
	margin-bottom: 10px;
	padding-bottom: 10px;
}
#tuotehaku .keyword {
	width: 110px;
	padding: 1px;

}

#tuotehaku .submit {
	margin-bottom: -5px;
}

#tuotehaku .pad {
	padding-top: 5px;
	padding-bottom: 5px;
}
/** Pikkukori **/

#shoppingcart {
	background: url(ostoskoribg.gif) no-repeat;
	height: 232px;
	margin-bottom: 10px;
	width: 179px;
}

#shoppingcart .pad{
	padding-top: 50px;
	padding-left: 13px;
}

.ostoskorinapit {
	float: right;
	padding: 15px 5px 0px 0px;
	text-align: right;
}
.box{
	border:1px solid #FFED00;
	background: #FFF;
	margin: 8px;
	padding: 8px;
}


.shadow{
	background: #ececec;
	margin: 3px 0px 3px 3px;
}
.rightbox {
	background: #f0eddc;
	border: 2px solid #000;
	margin-bottom: 10px;
}

.path, .path a {
	font-size: 11px;
	color: #818181;
}

.nostotable td{
	text-align: center;
	padding: 5px;
}
HR {
	text-align: right;
	width: 100%;
	height: 1px;
	color: #e4e4e4;
	border: none;
	margin-right: 2px;
	margin-left: 2px;
} /* For Internet Explorer */

HTML>BODY HR {
	margin-right: 2;
	width: 100%;
	height: 1px;
	background-color: #e4e4e4;
	border: none;
	margin-left: 2px;
} /* For Gecko-based browsers */

HTML>BODY HR {
	margin-right: 2;
	width: 100%;
	height: 1px;
	background-color: #e4e4e4;
	border: 0px solid #e4e4e4;
	margin-left: 2px;
} /* For Opera and Gecko-based browsers */

.sivutus {
	text-align: right;
	float: right;
	padding-top: 25px;
	padding-right: 25px;
}

 {
	background: url(paginbg.gif) no-repeat right bottom;
	height: 61px;
	margin-bottom: 10px;
}
.textnav {
	margin-bottom: 10px;
	height: 23px;
	padding-top: 12px;
	padding-right: 5px;
	padding-left: 5px;
	background: url(textnavbg.gif) no-repeat;
}
.textnav a {
	padding: 0px 10px;
}
.pagin h1 {
	font-size: 18px;
	padding-top: 15px;
	padding-left: 15px;
	float: left;
}
.haku {
	background: #FFF url(none);
	padding-bottom: 15px;
}
.katsomyos {
	background: url(katsomyosbg.gif) repeat-y;
	width: 521px;
}
.katsomyos img {
	margin-right: 10px;
}

#akkilahdot {

	background: url(akkilahdotbg.gif) no-repeat;
	height: 322px;
	margin-bottom: 10px;
	width: 179px;
}
#akkilahdot ol {
	padding-top: 40px;
    margin-left: 0px;
}
#akkilahdot ol li {

background: url(ollistbg.gif) no-repeat;
font:bold 16px/23px Arial,Helvetica,sans-serif;
padding:0 0 0 6px;
color:#000;
margin:0 0 10px -28px;
list-style-position:inside;
}

#akkilahdot ol li span{
color:#333333;
margin-left:2px;
font-size:12px;
font-weight:normal;
}
	

.infobox {
	background: url(infoboxbg.gif) no-repeat;
	height: 148px;
	width: 286px;
}
ul.nosto {
	margin: 0px 0px 0px 5px;
	padding: 0px;
}

.nosto li {
	padding: 2px;
	list-style: none;
}
.pagin {
	background: url(paginbg.gif) no-repeat right bottom;
	height: 61px;
	margin-bottom: 10px;
}