/*
Frank Wright Shoes
Created May 2010
____________________
Color guides:
Orange: #F78E1E
Pewter: #5D5B59
____________________
*/

body {font-family:Helvetica,Arial, sans-serif; background: #FFFFFF; color: #5D5B59;}
a {color: #F78E1E;}
#content a:hover, #footer a:hover {border-bottom: 1px solid #B1ACA7;}
.login a {color:#FFF;}
#wrapper {width:900px; padding-left: 30px; margin: 0 auto; position: relative;}
#banner h1 {text-indent: -3000px; margin-left: 5px;}
#banner h1 a {background: url('assets/images/sitewide/frankwrightLogo.png') no-repeat; background-position: 0 10px; width:460px;height:88px; display: block;}
#banner h1 a:hover {border-bottom: none;}
#primaryNavigation {margin-bottom: 25px;}
#primaryNavigation ul {position: relative; left: 80px;}
#primaryNavigation ul li {text-transform: uppercase; color: #5D5B59; display:inline; font-size: 18px;}
#primaryNavigation ul li a {color: #F78E1E; margin: 0 10px;}
#primaryNavigation ul li.active a {color: #5D5B59;}
#primaryNavigation ul li a:hover {border-bottom: 1px solid #B1ACA7;}
#primaryNavigation .login {position: absolute; top: 0px; right: 30px; background: #F78E1E; display: block; width: 100px; height: 15px; padding-top: 25px; text-transform: uppercase; font-size: 12px; font-weight: bold; text-align: center; vertical-align: bottom;}

#leftcol {font-size: 13px; line-height: 16px; width: 220px; float: left;}
#leftcol .box {background-color: #FFFFFF; margin-bottom: 10px; border-top: 1px solid #F78E1E; border-bottom: 1px solid #F78E1E;}
#leftcol #breadcrumb.box {padding: 6px 16px; background-color:#5D5B59; color: #FFFFFF;}
#leftcol h3 {font-size: 14px; text-transform: uppercase; padding: 3px 16px; line-height: 22px; border-bottom: 1px solid #F78E1E; color: #F78E1E; background-color:#5D5B59}
#leftcol .text {padding: 20px 16px 20px 16px;}
#leftcol #linkback .text {padding: 10px 16px 10px 16px; font-size: 12px; text-transform: uppercase; font-weight: bold; background:#5D5B59; }
#leftcol h4 a {color: #5D5B59;}
.text {background-color:#DAD9D7;}
#main .text {padding: 10px 10px 15px 10px;}

#content h2, #newsDisplay h2, #main h2, #productDisplay h2 {height: 21px; font-weight: normal;margin-bottom: 10px; background-color: #5D5B59; color: #E4DFD8; padding: 4px 3px 3px 3px; border-top: 1px solid #F78E1E; border-bottom: 1px solid #F78E1E; font-size: 21px; letter-spacing: -1px;}
.home #content h2 {padding: 4px 3px 3px 0px;}
#mainimage {height: 520px;}

/* HOME PAGE TEMPLATE */
.home #content {width: 870px; border-top: 1px solid #F78E1E;}
.home #content .story, .default #content .story {border-bottom: 1px solid #F78E1E;background: url('assets/images/sitewide/pewterGrad.gif') repeat-x #5D5B59; font-size: 14px; color: #FFFFFF;padding: 20px 270px 20px 90px;}
.home #content .story {height: 75px; width:510px;}
.home #content h2 {border: none; background-color: transparent; text-transform: uppercase;font-size: 27px;color: #B1ADA5;letter-spacing: -0.05em;margin-bottom: 5px;}
.home #content .story p {font-family: Helvetica, Arial, sans-serif; font-size: 14px; line-height: 18px;}
.home #content .image, .default #content .image { border-bottom: 1px solid #F78E1E; height: 520px;}

/* PRODUCT LISTINGS */
#products {width: 658px; float: right; margin-bottom: 20px;}
#products .product {cursor: pointer; width: 310px; height: 130px; margin: 0 8px 20px 0; background-color:#FFF;float: left; border-top: 1px solid #5D5B59; border-bottom: 1px solid #5D5B59; position: relative;}
#products .product .more {font-size: 12px; color: #F78E1E; position: absolute; top: 115px; right: 5px;}
#products .product .colours {font-size: 8px; position: absolute; top: 24px; right: 5px; text-align: right;}
#products .product .colours .title {font-size: 12px; font-weight: bold; color: #5D5B59; }
#products .product .mainthumb {position: absolute; top: 12px; left: 16px;}
#products .product h4 a {color: #5D5B59; font-size: 18px; position: absolute; top: 111px; left: 5px;}
#products .product a:hover, #content .swatches .swatch a:hover {border-bottom: none;}
#products .product .swatches {width: 100px; margin-top: 5px;position:relative; text-align: right;}
#products .product .swatches img {margin: 0 0 3px 3px; float: right;}
#styles ul {margin-bottom: 10px;}

.swatch a img, .imagelink img {cursor: pointer;}

/* INDIVIDUAL PRODUCT PAGES */
#productDisplay {position: relative; width:625px; float: right; margin: 0 30px 20px 0; position: relative;border-bottom: 1px solid #F78E1E;}
#productDisplay .mainimage {background-color: #FFF; height: 375px;}
#productDisplay #price {display: block; position: absolute; top: 10px; right: 10px; color: #F78E1E; font-size: 16px;}

#footer {clear: both; border-top: 1px solid #F78E1E;font-size:10px; padding: 10px 0 20px 0; width: 870px; margin-top: 20px;}
.home #footer {position: absolute; top: 748px;}

#productDisplay a.bigimage:hover {border: none;}
.imagelink {width:100px; height: 100px; border: 1px solid #F78E1E; background-color:#FFF; vertical-align:middle; margin-bottom: 10px;}
#productDisplay .thumbimages {position: absolute; right: -85px; top: 60px;}
.swatches .swatch {position:relative; float: left; margin-right: 4px; margin-bottom: 4px;}
.swatches em {font-size: 11px; line-height: 12px; padding: 3px; font-style: normal; font-weight: bold; text-transform:uppercase; position: absolute; height: 47px; width: 102px; left: -37px; top: -67px; text-align: center; z-index: 2; display: none; background: url('assets/images/hint.png'); color: #FFF;}
/**/
.clear {clear:both;}
/* MAP AND STORES */
 #map { width:320px; height:400px; float: left; margin-bottom: 10px;}
 #countrynav {margin-bottom: 15px; border-top: 1px #F78E1E solid; border-bottom: 1px #F78E1E solid; padding: 10px 20px; background-color:#5D5B59; color: #FFFFFF;} 
#mapnav {border-bottom: 1px solid #5D5B59; padding-bottom: 5px; margin-bottom: 20px;}
	 
.storelist {width: 538px; float: right;}
.europe .storelist, .online .storelist {width: 638px;}
.storelist .store {cursor:pointer; width: 261px; margin: 0 8px 8px 0; background-color: #FFFFFF; float: left; border-top: 1px solid #5D5B59; border-bottom: 1px solid #5D5B59; position: relative;}

#onlinestores {clear: both;}
.europe .storelist .store,  .storelist .online.store {width: 311px; margin: 0 8px 8px 0; background-color: #FFFFFF; float: left; border-top: 1px solid #5D5B59; border-bottom: 1px solid #5D5B59; position: relative;}
.europe .storelist, .online .storelist {width: 638px;}
.europe .storelist .store {height: 156px; cursor: auto;}
.storefinder #main {width: 538px;}
.eurostorefinder #main {width: 870px; padding-left: 0; margin-left: 0;}
.eurostorefinder #main .text {background-color: #FFF; margin-bottom: 10px; font-size: 14px;}
.eurostorefinder #online {margin-top: 20px; }

#storeregionfilter {border: 1px solid #F78E1E; background-color:#4A4947; color: #FFF;}

.gmnoprint .details {font-size: 12px;width: 260px;}
.gmnoprint p {width: 240px;}

/* EURO MAP */

.europemap .store {display: none;}
 #map.europe { width:640px; height:420px; float: left; margin-bottom: 10px;}
 #euro_map {position: relative;}
#map_desc {display: none; position: absolute; top: 35px; left: 5px; border: 1px solid #fff; background: #EFEFEF; padding: 10px; font-size: 13px; line-height: 17px; width: 150px; height: 150px; }
#euro_map #reset { cursor: pointer; position: absolute; top: 5px; left: 5px; height: 15px; padding: 5px; width: 100px; font-size: 12px; font-weight: bold; text-transform: uppercase; color: #FFF; background-color: #F78E1E;}
/* CONTACT */

.contact p label {display: inline-block; float: left; width: 100px;}
.contact input {border: none;}
.contact textarea {margin-left: 4px; border: none;}
#contact_submit {margin-left: 104px;}

 /* NEWS */
#leftcol .news .text {padding: 0;}
.newsitem a			{font-size: 11px; line-height: 14px;text-decoration: none; display: block; margin-top: 2px; padding: 5px; background-color: #EDEDED; color: #5D5B59;}
#details .newsitem a:hover	{border-bottom: none; background-color: #DCDCDC;}

/* TEXT PAGES (HISTORY / DEFAULT & NEWS) */
#main {width: 638px; float: left; margin-bottom: 20px; font-size: 13px; line-height: 18px; margin-left: 12px;}
#main p {margin-bottom: 10px;}

/* CLEAR */
.clear {clear:both;}


.log-in label {width: 95px; display: inline-block;}
input {margin-left: 4px;}
input#chkbox {margin-left: 0;}
input.submit {margin-left: 97px;}