
/** ***************************************** **/
/** NEW STYLESHEET - RESET                    **/
/** ***************************************** **/

/* reset default styles */

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,
strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	background: transparent;
}

body {
	line-height: 1;
}

ol, ul {
	list-style: none;
}

blockquote, q {
	quotes: none;
}

/* remember to define focus styles! */

:focus {
	outline: 0;
}

/* 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;
}

/** ***************************************** **/
/** NEW STYLESHEET                            **/
/** ***************************************** **/

/* Page Body */
html {
    height: 100%;
    min-height: 100%;
}
body {
    font-size: 12px !important;
    font-family: Arial, Verdana, "Myriad Pro",Myriad,Frutiger,"Frutiger Linotype",Univers,Calibri,"Gill Sans","Gill Sans MT","DejaVu Sans Condensed","Liberation Sans","Nimbus Sans L",Tahoma,Geneva,"Helvetica Neue",Helvetica,sans-serif;
	color: #000;
    height: 100%;
    padding: 25px;
    margin: 0;
}


/* Overall  */
#overall {
    position: relative;
    background: none;
    width: 1000px;
    height: 100%;
    min-height: 100%;
    padding: 0;
    margin: 0 auto;
}
body>#overall {
    height: auto;
    min-height: 100%;
}

/* Header */
#header {
    background: url("img/header_top.jpg") left top no-repeat;
}

/* Navigation Head */
#naviHead {
    float: right;
}
#naviHead li {
    float: left;
    background: url("img/button_top_seperator.jpg") right top no-repeat;
    padding: 0 3px 0 0;
}
#naviHead li a {
    display: inline-block;
    background: url("img/button_top.jpg") left top repeat-x;
	font-size: 13px;
	text-transform: uppercase;
	color: #767676;
	padding: 15px 15px 0 15px;
	height: 33px;
    text-decoration: none;
}
#naviHead li a:hover {
    text-decoration: underline;
}

/* Search Form */
#quick_find {
    background: url("img/button_top_seperator.jpg") transparent right top no-repeat;
    float: right;
    padding: 0 18px 0 0;
    height: 45px;
}
* html #quick_find {
    width: 310px;
}
#quick_find fieldset {
    float: left;
    padding: 5px 10px 0 0;
}
#quick_find fieldset a {
    float: right;
	color: #1c95c2;
	text-decoration: underline;
	font-size: 10px;
}
#quick_find fieldset a:hover {
	text-decoration: none;
}
#quick_find label {
	text-transform: uppercase;
	font-size: 13px;
	color: #1c95c2;
	font-style: italic;
	font-weight: bold;
    padding: 0 5px 0 0;
}
#quick_find fieldset input {
    width: 156px;
    padding: 2px;
    font-size: 11px;
    height: 12px;
    margin: 0 0 2px 0;
}
* html #quick_find .image {
    float: right;
}

/* Flash Header */
#flash {
    width: 995px;
    margin: 0 auto;
    height: 240px;
    overflow: hidden;
}
* html #flash {
    margin: -1px 0 0 0;
}

/* Navigation Top */
ul#naviTop {
    padding: 0 0 0 3px;
}
ul#naviTop li {
    float: left;
	background: url("img/button_main_seperator.jpg") transparent right top no-repeat;
    padding: 0 2px 0 0;
}
ul#naviTop li a {
    display: inline-block;
	background: url(img/button_main.jpg) right top repeat-x;
	line-height: 40px;
	height: 40px;
	padding: 0px 20px;
	text-decoration: none;
	color: #3daafe;
	font-size: 13px;
}
ul#naviTop li a:hover {
	background: url("img/button_main_active.jpg") right top repeat-x;
	color: #FFF;
	text-decoration: none;
}

/* Languages */
#language {
    float: right;
    padding: 3px 10px 0 0;
}

/* ***** */
/* Inner */
/* ***** */
#inner {
    position: relative;
}

/* Breadcrumb */
#breadcrumb {
	text-align: left;
	color: #ccc;
	line-height: 22px;
	height: 15px;
	padding: 10px 0 10px 20px;
	margin: 0px;
	text-transform: uppercase;
	font-size: 11px;
}
#breadcrumb a {
	color: #FFFFFF;
	text-decoration: none;
}

/* Left */
#left {
    float: left;
    width: 204px;
}

/* Box */
#left .box {
    position: relative;
    width: 204px;
}
#left .box .box_header {
	background: url("img/box_top.png") left top no-repeat;
	height: 20px;
	width: 184px;
	text-transform: uppercase;
	padding: 10px 10px 0 10px;
	font-size: 12px;
	font-style: italic;
	font-weight: bold;
	color: #1c95c2;
	text-decoration: none;
}
#left .box .box_middle1 {
	background: url("img/box_middle.png") left top repeat-y;
	width: 189px;
	font-size: 12px;
	color: #000;
	padding: 5px 7px 5px 8px;
}
#left .box .box_bottom {
	background: url("img/box_bottom.png") left top no-repeat;
	height: 7px;
	width: 204px;
	padding: 0px;
	margin-bottom: 10px;
}

#left .box_middle2 {
	width: 174px;
	margin: 0px;
	padding: 10px 15px;
	min-height: 50px;
	background: url("img/box_middle.png") left top repeat-y;
}
#left .box_middle2 form, .box_middle2 input {
	margin: 0px;
	padding: 0px;
}
.box_middle2 input.text {
	width: 169px !important;
}

/* Navigation Left */
.menue ul {
}
.menue li {
    display: block;
}
.menue li a {
	color: #000;
	text-decoration: none;
    display: block;
}
.menue li a:hover {
	background-color: #1c95c2;
	color: #FFF;
	text-decoration: none;
}
.level1 {
	height: 24px;
	width: 189px;
	line-height: 24px;
	margin: 0px;
}
.level1 a {
	padding: 0px 10px;
}

.level2 {
	height: 24px;
	width: 189px;
	line-height: 24px;
	margin: 0px;
}
.level2 a {
	padding: 0px 10px 0 20px;
}

.level3 {
	height: 24px;
	width: 189px;
	line-height: 24px;
	margin: 0px;
}
.level3 a {
	padding: 0px 10px 0 30px;
}

.menue li.active a {
	color: #1c95c2;
}

.menue2 {
}

.menue2 ul {
	padding: 0px;
	list-style-image: none;
	margin: 0px;
}

.menue2 li {
	list-style-position: outside;
	list-style-image: none;
	list-style-type: none;
	height: 24px;
	width: 169px;
	line-height: 24px;
	margin: 0px;
	padding-top: 0px;
	padding-right: 10px;
	padding-bottom: 0px;
	padding-left: 10px;
}

.menue2 li:hover {
	background-color: #1c95c2;
}

.menue2 li a {
	color: #000;
	text-decoration: none;
}
.menue2 li:hover a {
	color: #FFF;
	text-decoration: none;
}

/* Box Bestseller */
.box_bestseller a {
    color: #000;
    text-decoration: none;
}
.box_bestseller {
    border-bottom: 1px solid #dcd;
    padding: 10px 0 0 0;
}
.box_bestseller p {
    padding: 0;
    font-size: 12px;
}
.box_bestseller p a {
    color: #1C95C2;
    text-decoration: underline;
}
.box_bestseller p a:hover {
    text-decoration: none;
}
.box_bestseller .product_price_small {
    font-weight: bold;
    color: #1C95C2;
    font-size: 14px;
    padding: 3px 0;
}

/* Newsletter */
.box form#sign_in #box_newsletter_button {
    padding: 10px 0 0 0;
    text-align: right;
}

/* Right */
#right {
    float: left;
    padding: 0 0 0 10px;
    width: 775px;
}
#right .box {
    position: relative;
    width: 775px;
}
#right .box .box_header {
    position: relative;
    width: 755px;
    background: url("img/content_top.png") left top no-repeat;
    height: 22px;
    color: #555;
    font-style: italic;
    text-transform: uppercase;
    font-weight: bold;
    padding: 8px 10px 0 10px;
    font-size: 13px;
}
.copyright {
    text-align: center;
}

/* Login Form */
#login input.text,
#login input.password {
    width: 150px;
    margin: 2px 0;
}


/* Custom */
.clear, .clear_float {
    clear: both;
}

.fl_left {
    float: left;
}

.fl_right {
    float: right;
}


/* Default */
h1 {
    font-size: 180%;
    color: #ff7600;
    font-style: italic;
    padding: 0 0 1.0em 0;
	margin: 0;	
}

h2 {
    font-size: 160%;
    color: #ff7600;
    font-style: italic;
    padding: 0 0 1.0em 0;
	margin: 0;	
}

h3 {
    font-size: 140%;
    color: #ff7600;
    font-style: italic;
    padding: 0 0 1.0em 0;
	margin: 0;	
}

h4 {
    font-size: 120%;
    color: #ff7600;
    font-style: italic;
    padding: 0 0 1.0em 0;
	margin: 0;	
}

h5 {
    font-size: 100%;
    color: #ff7600;
    font-style: italic;
    padding: 0 0 1.0em 0;
	margin: 0;	
}

h6 {
    font-size: 100%;
    color: #ff7600;
    font-style: italic;
    padding: 0 0 1.0em 0;
	margin: 0;	
}

p {
    margin: 0;
    padding: 0 0 1.5em 0;
	line-height: 1.25em;
}

a {
    color: #1C95C2;
    text-decoration: underline;
}
a:hover {
    color: #1C95C2;
    text-decoration: none;
}
