body { font-family: Arial, Helvetica, sans-serif; font-size: 12px; margin: 0; color: #3e3e3e;}

#box {width: 1014px; margin: 10px auto; display: table; height: 646px;}

a img {border: none;}
#box a { text-decoration:none; color: #fff;}
#box a:hover, .popup a:hover {color: #3e3e3e;}
#box h1 {text-transform:uppercase; line-height:1; margin: 0; font-size: 22px;}
#box h2 {margin: 0; font-weight: bold; font-size: 15px; text-transform:uppercase; line-height:1;}
#box .cell6 h2 {margin-top: 5px; font-weight: bold; font-size: 14px;}
#box h4 {font-size: 14px; font-weight:normal; margin:0;}
#box p {margin-top: 7px;}
#box a img {border: none;}
#box a.clr_grey:hover,#box a.clr_red:hover, #box .searchlist a:hover {text-decoration: underline;}
#box a.shops {color: #007dc1; font-size: 11px;}
#box a.shops:hover {color: #a5a5a5;}
#box .retail h2, #box .internal .content h2 {color: #5b4142; font-size: 16px;}
#box .white_hover {color: #fff; text-decoration: none;}

/*=padding==============================================================================================================*/
.p20 {padding: 0 20px;}
.p15 {padding: 0 15px;}
.p10 {padding: 0 10px;}
.pl20 {padding-left: 20px;}
.pt20 {padding-top: 20px;}
.pt15 {padding-top: 15px;}
.pt10 {padding-top: 10px;}
.pb5 {padding-bottom: 5px;}
.pb15 {padding-bottom: 15px;}
.pall10 {padding: 10px;}

.mr10 {margin-right: 10px;}

.photo {float: left; margin: 0 30px 10px 0;}
.row {padding-right: 15px;}
.row img {float: left; margin: 0 0 0 -70px;}
/*======================================================================================================================*/

/*=colors & border======================================================================================================*/
.clr_white, #box .retail a.clr_white {color: #fff;}
.clr_grey, #box a.clr_grey, #box .retail a.clr_grey, #box .searchlist a {color: #3e3e3e;}
.clr_red, #box a.clr_red, #box .retail .content .clr_red, #box .retail h2.clr_red, #box .internal .content h2.clr_red, .popup .clr_red, #box .retail a {color: #993366;}
.clr_title {color: #5b4142;}
.popup .clr_white {color: #fff; font-weight: bold;}
#menu a.sel, #menu a:hover {color: #a5a5a5;}
.popup .clr_grey {color: #7e7e7e;} /*for popup - light grey*/
.wt_border {border: 1px solid #fff;}
.bgnone {border: none; background: none; cursor: pointer;}
/*======================================================================================================================*/

/*=text=================================================================================================================*/
.noupper, #box h2.noupper {text-transform: none;}
.nomarker {list-style-type: none; float: left; padding: 10px 0 0 20px; margin: 0; width: 138px;}
.fs20, #box h2.fs20 { font-size: 20px;}
.fs14 { font-size: 14px;}
.fs16, #box h2.fs16 { font-size: 16px;}
/*======================================================================================================================*/

/*=buttons==============================================================================================================*/
.more {float: right;}
.sign {float: left; width: 98%; text-align:center; padding: 3px 0; margin-top: 5px; text-transform: uppercase;}
#box .color {float: left; width: 419px; margin-top: 5px; padding: 5px; color: #3e3e3e;}
#box .color:hover {color: #fff;}
/*======================================================================================================================*/

/*=index list===========================================================================================================*/
.index_list, .index_list ul {list-style-type: none; margin: 0; padding-left: 0;}
.index_list ul {padding-left: 20px;}
#box .index_list a:hover {text-decoration: underline;}
#box .index_list h3 {margin: 0; font-size: 15px;}
#box .index_list h4 { font-size: 13px; font-weight: bold;}
/*======================================================================================================================*/

/*=top==================================================================================================================*/
.logo {float: left; }

#menu {background: url(../images/bg_menu.png) no-repeat left top; float: right; margin-top: 64px; height: 26px; padding-left: 10px; width: 639px; overflow: hidden;}
#menu div { float: right; width: 100%;}
#menu a {float: right; margin: 0 13px; padding: 6px 0; text-transform: uppercase; font-weight: bold;}
#menu a.sel {cursor: auto;}
#menu a:hover, #box a.nav:hover {text-decoration: none;}
#box .nav, .search form { text-transform: uppercase; font-weight: bold;}
#box .nav { background: url(../images/arc_icon.png) no-repeat right bottom; padding: 5px 12px 0 0; position: relative; margin-left: 90px;}

.search form {margin: 50px 0 0; padding: 3px 5px 0 15px; height: 23px; background: #4d9de2;}
.search input.text {width: 98px; height: 15px; border: 1px solid #fff; background: #4d9de2; color: #fff;}
.search input.go {background: none; border: none; width: 25px; font-weight: bold; cursor: pointer; margin: 0;}
.searchlist ul {margin: 5px 0; padding: 0;}
/*======================================================================================================================*/

/*=content==============================================================================================================*/
.content {background: url(../images/bg_content.png) no-repeat left top; width: 386px; height: 343px; padding: 0 280px 0 120px; }
.internal .content {background: url(../images/bg_contentw.png) no-repeat left top; padding: 20px 20px 0; width: 755px; height: 476px;}
.retail {padding: 0 0 0 130px; width: 617px; float: left; height: 100%;}
#box .retail p {margin: 0; padding: 5px 0;}
.phonenumber {color: #cd171e; font-size: 16px; font-weight: bold;}

.content p, .content h2 {padding-left: 10px;}
.news .content p, .retail .content p, .internal .content p, .news .content h2, .retail .content h2, .internal .content h2 {padding-left: 0;}
.scrollbox, .scroll {overflow: hidden; float: left; width: 100%; height: 470px;}
.icon {margin-left: -40px; float: left;}
.retail textarea { background: url(../images/bg_textarea.png) no-repeat left top; border: none; width: 230px; height: 155px; overflow: auto;}
.retail .text input {border: none; width: 230px; height: 25px; background: url(../images/bg_text.png) no-repeat left top;}
.page img {float: left;}

/*=jobs================================================================================================================*/
.jobcol {width: 290px; float: left;}
.job {display: block; padding-top: 20px;}
.job .jt {background: url(../images/bg_jobt.png) no-repeat left top; padding: 15px;}
.job .jb {background: url(../images/bg_jobb.png) no-repeat left bottom; padding: 5px 15px;}
.job .section { margin: 0; padding: 10px 0 5px;}
#box .job p {margin: 0; padding: 5px 0;}
.job .title {color: #f57e1f;}
/*======================================================================================================================*/

/*=popup================================================================================================================*/
.popup .content {padding: 0; width: 100%; background: #dee5f1;}
.popup .content img { margin: 0 20px 20px 0; background: #000;}
.popup .layout {width: 560px;   padding: 20px; line-height: 1.5; float: right; text-align: left;}
.popup .logo {padding: 10px 0 10px 20px; float: left;}
.popup .page_title {background: #f3f6fa; text-align: right; padding: 7px 10px;}
.popup .page_image {text-align: right;}
.popup .page_image div {float: right; margin: 4px 0 0; background: #993366; width: 580px; padding: 10px 10px; min-height: 30px;}
.popup a {text-decoration: none; color: #000; font-weight: bold;}
.popup .links {text-align: right; background: #ff852f; height: 35px; width:600px; float: right; padding: 5px 0;}
.popup .links a {font-size: 12px; padding: 0 15px;}
/*======================================================================================================================*/

/*=cell's===============================================================================================================*/
.cell_bot {height: 170px; width: 248px;}
.cell_right {width: 177px; overflow: hidden;}
.cell1 {background: url(../images/bg_4.jpg) no-repeat left top;}
.cell2 {background: url(../images/bg_5.jpg) no-repeat left top #b61e82;}
.cell3 {width: 158px; background: url(../images/bg_6.jpg) no-repeat left bottom;} 
.cell4 {height: 82px; background: url(../images/bg_0.gif) no-repeat left top #f37b22;}
.cell5 {height: 161px; background: url(../images/bg_1.gif) no-repeat left top;}
.cell6 {height: 82px; background: url(../images/bg_2.gif) no-repeat left top;}
.cell7 {height: 175px;}
.cell8 {height: 82px; overflow: hidden;}

.cell7 .ccont {height: 145px;}
.cell7 h1 {color: #fff;}
/*======================================================================================================================*/

/*=bottom===============================================================================================================*/
#bottom a {color: #3e3e3e;}
#bottom a:hover { text-decoration: underline;}
#bottom ul {margin: 0; padding: 0; list-style-type: none;}
#bottom li {float: left;}
#bottom li.point {padding: 0 15px;}
/*======================================================================================================================*/

/*=slideshow============================================================================================================*/
#slideshow {width: 590px; overflow: hidden; padding: 15px 0;}
#screen {width: 590px; padding: 0; margin: 0; padding: 10px 0; overflow: hidden;}	
#screen li {float:left; list-style:none;}
#images a {margin:0; float:left; text-align: center; width: 100px; height: 70px; overflow: hidden;}
#view {margin:0; width: 590px; height:70px; overflow: hidden; position: relative;}
#images  {width:3000px !important; padding:0; margin: 0; position: relative;}
.jq-ss-simple {width: 100px; height: 70px; float: left;}
#images li {padding: 0 10px 0 0;}
#images li img {cursor: pointer;}
#images .lightbox {display: none;}
#lnav , #rnav {padding: 0; margin: 0; width: 0;}		
#lnav a, #rnav a {position: absolute; margin: 75px 0 0; width: 7px; float: none;}
#rnav a {margin-left: -7px;}
#left, #right {float: left; margin: 0;}
.notes {text-align: center; position: relative; width: 400px; margin: -2px auto 0; color: #5c4143;}
/*======================================================================================================================*/

#banners {position: absolute; margin: 60px 0 0 -150px; font-size: 11px; width: 130px; overflow: hidden;}
#banners td {padding: 10px; background: #fff;}
#banners p {font-size: 10px;}
#banners  h4 {font-size: 12px; color: #993366;}
#box #banners a {color: #3e3e3e;}