/*
    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;
}
/* 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: separate;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}
form {
	display: inline;
}

/*--------------
GENERAL ELEMENTS
---------------*/
body { background: #fff; text-align: center; }
p { line-height: 140%; margin-top: 0px; margin-bottom: 10px; }
hr { display: block; clear: both; color: #ddd; background-color: #ddd; height: 1px; border: 0; margin: 6px 0; _margin: -5px 0; }
ul { margin: 0 0 15px 20px; padding: 0; list-style-type: disc; }

html, body, input, select, textarea {
	font-family: Verdana;
	font-size: 11px;
}

body.print {
    text-align: left;    
}
    body.print .noprint {
        display: none;
    }
    body.print, body.print p, body.print td {
	    font-family: "Times New Roman";
	    font-size: 11pt;
    }
    body.print h1 {
	    font-family: Verdana; font-size: 15pt;
    }
    body.print h2 {
	    font-family: Verdana; font-size: 13pt;
    }

h1, .textxl {
	margin-top: 18px; margin-bottom: 4px;
	font-family: "Arial", "Helvetica", sans-serif; font-size: 19px;	font-weight: normal;
}

h2, .textl {
  	margin-top: 8px; margin-bottom: 4px; 
	font-family: "Arial", "Helvetica", sans-serif; font-size: 14px; font-weight: bold;
}

a, h1, h2, .helpitem, .textl, .textxl {
	color: #7b7b7b;
}

a {
	text-decoration: none;
}
	a:hover {
		color: #000;
	}
b, strong {
	font-weight: bold;
}	

.clearer { font-size: 1px; line-height: 1px; height: 1px; clear: both;}
.hidden { display: none; }
.rel { height: 100%; position: relative; }
div.pad3, p.pad3, table.pad3 td, table.pad3 th, tr.pad3 td, tr.pad3 th { padding: 3px; }
div.pad5, p.pad5, table.pad5 td, table.pad5 th, tr.pad5 td, tr.pad5 th { padding: 5px; }
div.pad10, p.pad10, table.pad10 td, table.pad10 th, tr.pad10 td, tr.pad10 th { padding: 10px; }
div.vpad3, p.vpad3, table.vpad3 td, table.vpad3 th, tr.vpad3 td, tr.vpad3 th { padding-top: 3px; padding-bottom: 3px; }
div.vpad5, p.vpad5, table.vpad5 td, table.vpad5 th, tr.vpad5 td, tr.vpad5 th { padding-top: 5px; padding-bottom: 5px; }
div.vpad10, p.vpad10, table.vpad10 td, table.vpad10 th, tr.vpad10 td, tr.vpad10 th { padding-top: 10px; padding-bottom: 10px; }
.block { display: block; }
.nb { background: #fff url('../gfx/on_tellimusi.gif') no-repeat left center; padding-left: 12px; }
.alright { text-align: right; }
.alcenter { text-align: center; }
.important, .important:visited { color: #f00; }
.helpitem { font-size: 9px; }
tr.shopaccent td { background: #effeb9; }
.rbWoTopMargin input { margin-top: 1px; }

a.bt {
	display: inline; padding: 3px 6px; 
	-moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px;
	cursor: pointer; font-size: 10px; font-weight: bold; text-align: center;
} 
    a.bt.large {
        font-size: 11px;    
    }
	a.bt, a.bt.disabled:hover {
		color: #000; text-shadow: #fff 0px 1px 0px; background: #fff url('../gfx/bt_bg.gif') repeat-x; border: 1px solid #666;	
	}
	a.bt:hover {
		background: #eee url('../gfx/bt_bg_h.gif') repeat-x; border: 1px solid #333;		
	}
	a.bt.left, a.bt.left:hover {
		border-right: 0px;	
		-webkit-border-top-right-radius: 0px; -webkit-border-bottom-right-radius: 0px; -moz-border-radius-topright: 0px; -moz-border-radius-bottomright: 0px; border-top-right-radius: 0px; border-bottom-right-radius: 0px;
	}
	a.bt.right, a.bt.right:hover {
		border-left: 1px solid #999;
		-webkit-border-top-left-radius: 0px; -webkit-border-bottom-left-radius: 0px; -moz-border-radius-topleft: 0px; -moz-border-radius-bottomleft: 0px; border-top-left-radius: 0px; border-bottom-left-radius: 0px;	
	}
	a.bt.right:hover {
		color: #c00;
	}
	a.bt.green, a.bt.green.disabled:hover {
		color: #fff; text-shadow: #888 0px 1px 0px; background: #7dc931 url('../gfx/btg_bg.gif') repeat-x; border-color: #649a2f;	
		-moz-box-shadow: inset 0px 1px 0px 0px #caefab; -webkit-box-shadow: inset 0px 1px 0px 0px #caefab; box-shadow: inset 0px 1px 0px 0px #caefab;
		background-image: -webkit-gradient(linear, left top, left bottom, from(#90d53e), to(#6aa332)); background-image: -moz-linear-gradient(top, #90d53e, #6aa332); background-image: -o-linear-gradient(top, #90d53e, #6aa332);
	}
	a.bt.green:hover {	
		color: #fff; background: #7dc931 url('../gfx/btg_bg_h.gif') repeat-x; border-color: #83a066;
		background-image: -webkit-gradient(linear, left top, left bottom, from(#8acd3c), to(#669d30)); background-image: -moz-linear-gradient(top, #8acd3c, #669d30); background-image: -o-linear-gradient(top, #8acd3c, #669d30);		
	}
	a.bt.red, a.bt.red.disabled:hover {
		color: #fff; text-shadow: #666 0px 1px 0px; background: #bf1919 url('../gfx/btr_bg.gif') repeat-x; border-color: #7c0f0f;	
	}
	a.bt.red:hover {	
		color: #fff; background: #B81818 url('../gfx/btr_bg_h.gif') repeat-x; border-color: #760e0e; text-shadow: #666 0px 1px 0px;			
	}
	a.bt.disabled, a.bt.disabled:hover, a.bt.green.disabled:hover, a.bt.red.disabled:hover {
		color: #999;
	}
	a.bt.block {
		margin-top: 2px;
	}

.topRed, tr.topRed td { border-top: 1px solid #f00; }
.bottomRed, tr.bottomRed td { border-bottom: 1px solid #f00; }
.topGray, tr.topGray td { border-top: 1px solid #eee; }
.bottomGray, tr.bottomGray td { border-bottom: 1px solid #eee; }

.alternaterow { background: #eee; }

.error, .info {
	-moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px;    
	display: block; padding: 10px; margin: 5px 0;
	font-size: 11px; text-align: center;	    
}
    .error a, .info a, .notice a { text-decoration: underline; }
    .error { background: #fccac3; border: 1px solid #eb5439;	}
    .info { background: #effeb9; border: 1px solid #98c700; }

.notice {
	padding: 5px;	    
	background: #ff9; border: 1px solid #666; border-width: 1px 0;
}
    .notice a { text-decoration: underline; }
    
.breadcrumbs {
	padding-top: 6px;    
	color: #7b7b7b;	
}
    .breadcrumbs a { text-decoration: underline; }

.hover tr:hover td {
	background-color: #efefef; 	
}
.infotable {
	border-bottom: 1px solid #f00;
}
    th {
	    color: #f00; border-bottom: 1px solid #f00;
	    font-weight: bold; font-style: normal; font-size: 11px;	text-align: left;
    }
    .infotable td {
	    border-bottom: 1px solid #ddd;
    }


/*--------------
HEADER
---------------*/
table#mainWrapper {
    width: 1015px; 
    margin: 0 auto;    
}
tr#logos td {
    height: 50px;
}
#header td {
	height: 49px;
	background: #a6a6a6 url('../gfx/header_bg.gif');
	border-bottom: 1px solid #606060;
	position: relative;
}
    #header .headerLeft { position: absolute; left: 0; top: 0; }
    #header .headerRight { position: absolute; right: 0; top: 0; }
	#header p {
		margin: 0;
		padding: 0;
	}
	#header, #header a {
		color: #fff;
	}
	#header a:hover {
		color: #f1f1f1;
	}
	.o_logo {
		position: absolute;
		left: 8px; top: 16px;
	}
	.c_logo {
		position: absolute;
		right: 9px; top: 11px;
	}	
	
#searchcontainer {
	position: absolute;
	top: 14px;
	left: 15px;
}
	#searchbox {
		height: 24px; width: 142px;  	  
		background: #f0f0f0 url('../gfx/search_bg.gif');
		border: 1px solid #959595; border-right: 0px;
		font-size: 13px; line-height: 20px;
	}
	#searchbutton {
		vertical-align: bottom;
		cursor: pointer;
	}
#headerlinks {
	position: absolute;
	left: 230px; top: 18px;
}
    #headerlinks a#loginlink {
		background: url('../gfx/login_padlock.gif') 0% 70% no-repeat;    
		margin-left: 4px;
		padding-left: 10px;
		margin-right: 10px;    
    }
	#headerlinks p, #headerlinks ul  {
		padding: 0; margin: 0;
	}
	#headerlinks p, #usermenu li {
	    padding-bottom: 3px; 
	}
	#usermenu li {
		float: left; display: block;
		margin-right: 10px;
	}
	#usermenu a.menutoggle {
		background: url('../gfx/header_menu_arrow.gif') 100% 75% no-repeat;
		padding-right: 9px;
		cursor: pointer;
	}	
	ul#usermenu ul.headersubmenu {
	    visibility: hidden;  	    
	    position: absolute; top: 15px; z-index: 990;
	    background: url('../gfx/bg_50dark.png'); 
	    -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px;    
	}
	ul#usermenu ul.headersubmenu li {
		float: none;
		margin: 0; padding: 5px;
	}
	ul#usermenu ul.headersubmenu li a:hover {
	    color: #ffbf00;    
	}
a.languagetoggle {
    position: absolute; top: 0; right: 7px;
    padding: 3px 5px;
    color: #fff; background-color: #838383; border-bottom: 1px solid #676767;
    font-size: 9px;
}

#headerbuttons {
	position: absolute; top: 9px; right: 10px;
}
	#headerbuttons div {
		float: left; margin: 0 6px;
	}
	#headerbuttons div.separator {
		padding-left: 15px;
		background: url(../gfx/header_separator.gif) 0% 80% no-repeat; 
	}
	#headerbuttons div p {
	    float: left;
		line-height: 140%; 
	}
	#headerbuttons div img {
		float: left; margin-right: 12px;
	}

#cartInfoBar {
    position: fixed;
    _position: absolute;
    top: 0;
    _top:expression(eval(document.body.scrollTop));
    left:0;
    width: 100%;
    padding: 15px;
    background: #333; color: #fff; 
    font-size: 13px;
    opacity: .9; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";
    z-index: 995;
    display: none;
}
    #cartInfoBar a {
        color: #ff9;
        text-decoration: underline;     
    }

/*--------------
MAIN NAVIGATION
---------------*/
#leftColumn {
	width: 198px;
	border-right: 1px dashed #ddd;
}
	#leftColumn .spacer {
		padding: 12px 5px 0px 12px;
	}
	#social {
	    position: absolute; bottom: 12px; left: 12px; margin-bottom: 6px;  
	}
	    #social a {
	        margin-right: 6px;    
	    }

#mainnav {
	margin: 0; margin-bottom: 40px;
	list-style-type: none;
}
	#mainnav li {
		background: #fff url('../gfx/arrow_right_boxnavi.gif') right top no-repeat;
		height: 25px;
	}
	#mainnav li a {
	    display: block;
	    margin: 0;
	}
	#mainnav li a:visited, #mainnav li a:hover {
	    color: #7b7b7b;
	}
	#mainnav li div {
		margin-top: 8px;
		margin-bottom: 10px;
		padding-right: 10px;
		display: none;
	}
	#mainnav p {
	    margin-top: 0;
	    margin-bottom: 6px;
	}	
	#mainnav li.selected {
		background-image: url('../gfx/arrow_down_boxnavi.gif');
		height: auto;
	}
	#mainnav li.selected div {
		display: block;
	}

/*--------------
CONTENT
---------------*/
#bodyWrapper {
    border: 1px solid #717171; border-width: 0 1px;
}
#middle .spacer {
	margin: 15px;
}

#middleLayout {
	height: 100%;
}

#middleLayout td.layout {
	border-right: 1px dashed #ddd;
	height: 100%;
}


/*PRODUCT PAGE*/
.productListing {
	width: 510px;
}
    .productlisting .productPic {
	    width: 100px; 
	    float: left; 
	    padding-top: 10px;
    }
    .productlisting .productPic img {
        margin: 5px 0 5px 5px;  
    }
    .productListing .productInfo {
        width: 400px; 
        float: left;
    }   
    .productListing .productInfo h2 {
        width: 300px; 
        float: left;   
    }
    .productListing .price {
        float: right; 
        width: 100px; 
        text-align: right;
    }
    .productListing .actionbuttons {
        text-align: right; 
        margin-bottom: 10px;    
    }
  
#productpagenav ul {
	list-style-type: none;    
	font-size: 11px;
	border-bottom: 1px solid #7b7b7b;
	margin: 1em 0 1em 0;	
	padding: 3px 10px 4px 11px;
}
    #productpagenav ul li {
		display: inline;        
    }
	#productpagenav ul li.tab {
		position: relative;
		margin-left: -1px;
		padding: 4px 6px;
		background: #eee url(../gfx/tab_bg.gif);
		border: 1px solid #7b7b7b;
		border-bottom-width: 0;			
	}
	#productpagenav ul li.tab a { 
		text-decoration: none;
		color: #222;
	}
	#productpagenav ul li.tab:hover {
		background: #ddd url(../gfx/tab_bg_h.gif);	
	}
	#productpagenav ul li.tab.selected, #productpagenav ul li.tab.selected:hover {
	    top: 1px;
		background: #fff;
		color: #000; 
		padding-top: 5px;
		font-weight: bold;
	}	
	#productpagenav ul li.nontab {
		margin-left: 10px;
	}   
	#productpagenav ul li.tab.first {
		-webkit-border-top-left-radius: 4px;
		-moz-border-radius-topleft: 4px;
		border-top-left-radius: 4px;
	}
	#productpagenav ul li.tab.last {
		-webkit-border-top-right-radius: 4px;
		-moz-border-radius-topright: 4px;
		border-top-right-radius: 4px;
	}  


/*--------------
SHOP FROMTPAGE
---------------*/
a.cartQtyDelete {
    margin-left: 5px; 
    width: 13px; height: 13px; display: inline-block;
	background: #fff url('../gfx/cart_delete.gif');     
}


/*--------------
FOOTER
---------------*/
#footer {
	height: 25px;
	text-align: center;
	background: #7b7b7b;
	color: #fff;
	margin-top: 30px;
}

#footer p {
	margin: 5px 0px 0px 0px;
}