body  { background: #FFF; font-family: Frutiger, "Frutiger Linotype", Univers, Calibri, "Gill Sans", "Gill Sans MT", "Myriad Pro", Myriad, "DejaVu Sans Condensed", "Liberation Sans", "Nimbus Sans L", Tahoma, Geneva, "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 82.5%; font-weight: normal; word-spacing: 0.1em; letter-spacing: 0.01em; line-height: 1.3; color: #000; }

a { color: #208B3B; text-decoration: none; }
a:hover { text-decoration: underline; }

h1 { font-size: 190%; color: #208B3B; margin: 0 0 15px; }
h2 { font-size: 170%; margin: 0 0 20px; }
h3 { font-size: 130%; margin: 0 0 2px; }
p.warning { color: #F00; }

.container { width: 960px; background: #FFF; margin: 0 auto; }

.header .currencies { text-align: left; }
.header .currencies ul { list-style: none; padding: 14px 0; }
.header .currencies li { display: inline; padding: 0 2px; }
.header .shortcuts { text-align: right; }
.header .shortcuts ul { list-style: none; padding: 2px 0; }
.header .shortcuts li { width: 66px; float: left; font-size: 90%; text-align: center; display: block; }
.header .shortcuts li a { text-decoration: none; }

.tabs { width: 768px; margin: 0 auto; }
.tabs ul { list-style: none; }
.tabs li { display: inline; }
.tabs li a { float: left; background: url("../images/tab_lft.gif") no-repeat left top; padding: 0 0 0 4px; text-decoration: none; }
.tabs li a span { width: 102px; background: url("../images/tab_rgt.gif") no-repeat right top; font-size: 105%; text-align: center; letter-spacing: 0.06em; float: left; display: block; padding: 6px 13px 3px 9px; color: #59794E; }
.tabs li a:hover { background-position: 0% -42px; cursor: pointer; }
.tabs li a:hover span { background-position: 100% -42px; color: #FFF; cursor: pointer; }  
.tabs li a.selected { background-position: 0% -42px; color: #FFF; }  
.tabs li a span.selected { background-position: 100% -42px; color: #FFF; }

.navigation { width: 760px; color: #FFF; background: #208B3B; text-align: center; padding: 4px 100px 3px; clear: left; }
.navigation li { font-size: 95%; line-height: 1.6; display: inline; margin: 0 10px 0 0; padding: 0 10px 0 0; border-right: 1px solid #FFF; }
.navigation li.last { margin: 0; padding: 0; border-right: 0px; }
.navigation li a { color: #FFF; }
.navigation li a.selected { text-decoration: underline; }

.header { width: 960px; margin: 0; }
.header .logo { width: 360px; height: 60px; float: left; background: #FFF; padding: 22px 0 0 0; }
.header .currencies { width: 270px; height: 60px; float: left; background: #FFF; }
.header .currencies input { border: none; margin: 0; padding: 0; }
.header .shortcuts { width: 330px; float: left; background: #FFF; padding: 10px 0 20px 0; }

.breadcrumb { border: 1px solid #208B3B; height: 28px; margin: 0 0 20px; overflow: hidden; }
.breadcrumb li { float: left; font-size: 90%; line-height: 30px; padding: 0 0 0 10px; color: #777; }
.breadcrumb li.date { float: right; padding: 0 10px 0 0; }
.breadcrumb li a { padding: 0 20px 0 0; background: url(../images/bkg_breadcrumb.gif) no-repeat right center; display: block; }

.columns { width: 960px; min-height: 500px; clear: left; }

.columns .left { width: 190px; float: left; margin: 0 10px 0 0; }
.columns .left .mini_basket { margin: 0 0 10px 0; }
.columns .left .mini_search { margin: 0 0 10px 0; }
.columns .left .mini_recent { margin: 0 0 10px 0; }

.columns .content { width: 560px; float: left; margin: 0 0 10px 0; }
.columns .content .welcome { float: left; background: #FFF url(../images/bkg_welcome.jpg) no-repeat top right; clear: left; border-bottom: 1px dashed #8EA86C; margin: 0 0 10px 0; padding: 0 0 10px; }

.columns .content .grid { width: 560px; float: left; }
.columns .content .grid .row { width: 560px; clear: left; margin: 0 0 10px 0; padding: 0 0 10px 0; }
.columns .content .grid .catalog { width: 182px; float: left; padding: 0 5px 0 0; }
.columns .content .grid .last { width: 186px; padding: 0; }

.columns .grid { width: 760px; float: left; }
.columns .grid .toolbar { width: 740px; clear: left; margin: 0 0 14px 0; }
.columns .grid .split { width: 370px; float: left; margin: 0 0 10px 0; padding: 0 0 10px 0; }
.columns .grid .column1 { margin: 0 10px 0 0; }
.columns .grid .column2 { margin: 0 0 0 10px; }
.columns .grid .row { clear: left; border-bottom: 1px solid #EEE; margin: 0 0 15px; padding: 0 0 15px; }
.columns .grid .split .catalog { width: 180px; float: left; padding: 0 5px 0 0; }
.columns .grid .catalog { width: 185px; float: left; padding: 0 5px 0 0; }
.columns .grid .split .row .last { width: 185px; padding: 0; }
.columns .grid .last { width: 190px; padding: 0; }

.columns .details, .columns .basket { width: 760px; float: left; }
.columns .details .boxout { width: 280px; float: right; }

.columns .upsell { width: 760px; float: left; }
.columns .upsell .toolbar { width: 740px; clear: left; margin: 0 0 14px 0; }
.columns .upsell .row { width: 760px; clear: left; margin: 0 0 10px 0; padding: 0 0 10px 0; }
.columns .upsell .catalog { width: 100px; float: left; padding: 0 8px 0 0; }
.columns .upsell .last { width: 108px; padding: 0; }

.columns .right { width: 190px; float: left; margin: 0 0 0 10px; }
.columns .right .mini_reglazing { margin: 0 0 10px 0; }
.columns .right .mini_popular { margin: 0 0 10px 0; }

.left h3, .right h3 { background: #208B3B; font-weight: normal; font-size: 100%; color: #FFF; border-bottom: 1px solid #4F5C2F;  padding: 6px 6px 4px 6px; }
.left h3 a, .right h3 a { color: #FFF; }
.left .mini_basket, .left .mini_search, .left .mini_recent, .left .mini_payments, .right .mini_popular { border: 1px solid #208B3B; }

.left .mini_basket p { border-bottom: 1px dashed #DDD; font-size: 100%; padding: 5px 8px; }
.left .mini_basket .items { border-bottom: 1px dashed #DDD; font-size: 95%; padding: 5px 8px; }
.left .mini_basket .items h4 { padding: 0 0 2px 0; }
.left .mini_basket .items p { padding: 0; border: 0; } 
.left .mini_basket .items .quantity { width: 72px; float: left;  }
.left .mini_basket .items .price { width: 94px; float: left; text-align: right; }
.left .mini_basket .subtotal { padding: 6px 8px 4px; }

.left .mini_search p { font-size: 95%; padding: 5px 8px 4px 8px; }
.left .mini_search form { padding: 2px 8px 2px 8px; }
.left .mini_search .keywords { width: 100px; float: left; font-size: 90%; margin: 0 5px 0 0; }
.left .mini_search .button { width: 50px; float: left; font-size: 90%; padding: 0; }

.left .mini_recent p { border-bottom: 1px dashed #DDD; padding: 5px 8px; }
.left .mini_recent .items { font-size: 95%; border-bottom: 1px dashed #DDD; padding: 8px 8px 4px; }
.left .mini_recent .items img { float: left; padding: 0 4px 2px 0; }
.left .mini_recent .view { font-size: 95%; padding: 6px 8px 4px; }

.left .mini_payments p { font-size: 95%; line-height: 130%; padding: 5px 8px 8px 8px; }

.right .mini_popular p { border-bottom: 1px dashed #8EA86C; font-size: 95%; padding: 5px 8px; }
.right .mini_popular .items { border-bottom: 1px dashed #8EA86C; font-size: 95%; padding: 5px 8px; }
.right .mini_popular .items img { float: left; padding: 0 4px 2px 0; }
.right .mini_popular .view { font-size: 95%; padding: 6px 8px 4px; }

.welcome p { color: #208B3B; }
.welcome ul { margin: 5px 0 0 25px; }
.welcome li { font-weight: bold; color: #208B3B; line-height: 1.6; }
.welcome li img { vertical-align: middle; }

.grid p.subtitle { font-size: 100%; font-weight: bold; border-bottom: 1px dashed #8EA86C; margin: 30px 0 10px 0; padding: 0 0 4px 0; }
.grid .catalog { text-align: left; }
.grid .catalog h3 { font-size: 120%; }
.grid .catalog h4 { font-size: 95%; font-weight: bold; }
.grid .catalog p { font-size: 100%; font-weight: normal; }
.grid .catalog p.image { height: 100px; margin: 0 0 8px 0; overflow: hidden; }

.grid .toolbar { background: #EAF7D9; padding: 4px 10px; }
.grid .toolbar .showing { width: 440px; float: left; padding: 2px 0 0; }
.grid .toolbar .paging { width: 300px; float: left; padding: 2px 0 0; }
.grid .toolbar .paging .previous { width: 70px; float: left; text-align: left; }
.grid .toolbar .paging .pages { width: 160px; text-align: center; float: left; }
.grid .toolbar .paging .next { width: 70px; float: left; text-align: right; }

.content .highlight, .details .highlight { background: #EEE; margin: 4px 0 8px 0; padding: 8px 10px; }
.content .highlight p, .details .highlight p { font-size: 95%; font-weight: bold; text-align: center; }
.details .boxout { margin: 0 0 10px 8px; }
.details .boxout .library { border: 1px solid #DDD; padding: 8px 10px; }
.details .boxout .library .large { border-bottom: 1px dashed #DDD; margin: 0 0 12px 0; padding: 0 0 18px 0; }
.details .boxout .library .small { margin: 0 12px 8px 12px; }
.details .boxout .library p { font-size: 90%; text-align: center; margin: 4px 0 0 0; }
.details .boxout .highlight { background: #EEE; margin: 4px 0 0 0; padding: 8px 10px; }
.details .boxout .highlight p { font-size: 95%; font-weight: bold; text-align: center; }
.details table td { padding: 0 0 4px; }
.details table a:hover { text-decoration: none; }
.details table a img { vertical-align: middle; padding: 0 2px 0 0; }

.upsell p.subtitle { font-size: 100%; font-weight: bold; line-height: 110%; border-bottom: 1px dashed #DDD; margin: 30px 0 10px 0; padding: 0 0 4px 0; }
.upsell .catalog { text-align: left; }
.upsell .catalog h3 { font-size: 100%; font-weight: bold; line-height: 130%; }
.upsell .catalog p { font-size: 90%; font-weight: normal; }
.upsell .catalog p.image { min-height: 65px; }
.upsell .catalog img { margin: 0 0 8px 0; }

.basket .item { border-bottom: 1px dashed #DDD; margin: 20px 0 5px; padding: 0 0 15px; }
.basket .item .image { float: left; width: 100px; }
.basket .item .details { float: left; width: 660px; }
.basket .item .details h3 { font-size: 140%; margin: 0 0 6px; }
.basket .item .details h4 { font-size: 110%; margin: 0 0 4px; }
.basket .item .details h5 { font-size: 100%; margin: 0 0 10px; }
.basket .item .details table thead td { font-size: 100%; padding: 12px 0 2px; }
.basket .item .price { font-size: 110%; margin: 20px 0 0 100px; }
.basket .totals { font-size: 140%; border-bottom: 1px dashed #DDD; margin: 8px 0 20px; padding: 0 0 10px 480px; }
.basket .totals b { float: left; width: 200px; font-size: 75%; padding: 2px 0 0 ; }
.basket .tandcs { text-align: right; border-bottom: 1px dashed #DDD; margin: 8px 0 20px; padding: 0 0 20px; }
.basket .choices { border-bottom: 1px dashed #DDD; margin: 8px 0 20px; padding: 0 0 30px; }
.basket .discount { border-bottom: 1px dashed #DDD; margin: 8px 0 20px; padding: 0 0 15px; }

.basket .addresses { border-bottom: 1px dashed #DDD; margin: 8px 0 20px; padding: 0 0 15px; }
.basket .addresses .address { float: left; width: 50%; }

.content .delivery-addresses .address { background: #EAF7D9; margin: 0 0 8px; padding: 10px; }

.footer { width: 660px; background: #C3D6AA; font-size: 90%; color: #208B3B; text-align: center; padding: 8px 150px; clear: left; }
.footer ul { margin: 0 0 2px; }
.footer li { display: inline; line-height: 1.5; margin: 0 8px 0; }