/* palette 
 * dark blue - color:#0c4884;
 * medium blue - color:#1164b3;
 * light blue - color:#8fc4f9;
 * dark grey - color:#666;
 * medium grey - color:#999;
 * light grey - color:#ccc;
*/

/* =global */



#logo h1 a{background:url(../images/pub/wc-smith-wholesale-logo.png) no-repeat top center; text-indent:-9999px; overflow:hidden; height:100px; width:270px; display:block; position:absolute; top:10px; left:0;}
.generation img{position:absolute; right:10px; top:50px;}
.motto img{position:absolute; right:30px; top:300px;line-height:1;}
.wc-phone-number{position:absolute; top:16px; right:200px; font-size:16px; color:#fff;  font-family:RockwellRegular, Rockwell, Georgia, Helvetica; text-shadow: 1px 1px 1px #000; line-height:1;}


.form-container{z-index:1; float:right; height:auto; width:200px; font-family:Arial, Helvetica, sans-serif;}	

.form-login{ z-index:1000; float:right; position:absolute; border-bottom:5px solid #eee; border-left:5px solid #eee; border-right:5px solid #eee; background-color:#fff; padding:15px;} /* right:0; causes ie6 to jump */
.form-login label{display:block; font-weight:bold;}
.form-login p{margin-bottom:0.5em;}

.quick-login{z-index:10; position:absolute; top:10px; right:10px;}
	.quick-login img:hover,.quick-login img:focus{opacity:.50;}

.whats-this{font-size:11px;}
.whats-this a{color:#666;}

/* =basic elements */
h2{color:#fff; font-size:36px; margin-bottom:0.75em; font-family:RockwellRegular, Rockwell, Georgia, Helvetica;}
h3{font-size:18px;font-weight:normal; margin:1em 0;}
h4{font-weight:bold;}
a{color:#0c4884; font-weight:bold;}
a:hover{text-decoration:none;}
p,ul,ol{font-size:12px; margin-bottom:16px;}
ul,ol{margin:1em 0;}

/* =specific elements */
.highlight{font-size:20px; color:#d0d0d0; min-height:170px; _height:170px; margin-bottom:1em; font-family:RockwellRegular, Rockwell, Georgia, Helvetica;}
.cap{font-size:40px; font-weight:bold; font-family:RockwellRegular, Rockwell, Georgia, Helvetica; color:#333; line-height:1;}

.photo-box{margin:2em 0; position:relative; width:100%;}
	.photo-centre{text-align:center;}
	.photo-left{text-align:left;}
.photo-style{padding:10px; background-color:#fff;  -moz-box-shadow: 0 1px 3px #333;  -webkit-box-shadow: 0 1px 3px #333; box-shadow: 0 1px 3px #333;}
.photo-caption{font-size:13px; font-style:italic; font-family:RockwellRegular, Rockwell, Georgia, Helvetica;}


/* =forms */

/* =specific pages */

/* services */

.service-box{_height:175px; min-height:175px;}

.sc1-img{position:absolute; left:0; top:25px; z-index:2;}
.sc2-img{position:absolute; left:150px; top:0; z-index:3;}
.sc3-img{position:absolute; right:50px; top:15px; z-index:1;}

.wh1-img{position:absolute; left:0; top:-15px;}
.wh2-img{position:absolute; left:150px; top:0;}
.wh3-img{position:absolute; right:50px; top:15px;}

.bag-img{position:absolute; left:50px; top:25px; z-index:1;}
.mug-img{position:absolute; left:225px; top:10px; z-index:3;}
.hat-img{position:absolute; right:55px; top:35px; z-index:2;}


/* products */

.products-list{padding:1em 0; width:100%;} /* width for ie6 */
.products-list li{list-style:none outside; float:left;  font-size:16px; font-family:Georgia; text-align:center; display:inline; width:50%; margin:1em 0;}
.products-list li img{display:block; margin:0 auto;}

/* about us / history */
.photo-box.wc-buildings{ min-height:250px; _height:250px;  position:relative;}
.building-past{position:absolute; left:15px; top:0;}
.building-modern{position:absolute; right:20px; top:25px;}

.history-timeline{width:495px;}
.history-timeline h4{width:495px; font-family:RockwellRegular, Rockwell, Georgia, Helvetica; padding:18px; font-size:18px; background:url(../images/pub/bg-scribble.gif) no-repeat 0 0; line-height:18px; cursor:pointer; }
.history-timeline h4 a{text-decoration:none; padding-right:1em;  background-image:url(../images/pub/arrows-timeline.png); background-repeat:no-repeat; vertical-align:middle;} /* vertical align for ie. */
	.history-timeline h4.ui-state-default a{background-position:right 2px; color:#333;}
	.history-timeline h4.ui-state-active a,.history-timeline h4 a:hover,.history-timeline h4 a:focus{background-position:right -32px; color:#1164b3}
.history-timeline ul{font-size:13px; font-family: RockwellRegular, Rockwell, Georgia, Helvetica; list-style:none outside;margin:0; } /* margin:0 for jquery ul jumping */
.history-timeline ul li{font-family:RockwellRegular, Rockwell, Georgia, Helvetica; border-bottom:1px dashed #333; margin-bottom:1em; padding:0.5em 1em; text-transform:uppercase; letter-spacing:0.1em; font-size:12px;}


.slides1_wrap{position: relative; padding:0; width:500px; font-family:RockwellRegular, Rockwell, Georgia, Helvetica; font-size:1.2em; height:300px;}

.history-slider .history-inner {float: left; width: 250px; padding-left:250px; padding-top:25px;}
.history-slider .date{font-family:Georgia; font-size:1.8em; text-shadow: 1px 1px 1px #999; }
.history-slider img{float:left; margin-left:-240px;-moz-box-shadow: 0 1px 3px #333;  -webkit-box-shadow: 0 1px 3px #333; box-shadow: 0 1px 3px #333;}
/*.history-slider img.rotate-1{-webkit-transform: rotate(-5deg);-moz-transform: rotate(-5deg); transform:rotate(-5deg);}*/
/*.history-slider img.rotate-2{-webkit-transform: rotate(3deg);-moz-transform: rotate(3deg); transform:rotate(3deg);}*/

.slides1_wrap .bx_pager{height:50px; width:500px; margin:0; padding:0; background:url("../images/pub/bg-slider.jpg") no-repeat top left;}
.slides1_wrap .bx_pager a{display:block; float:left; width:45px; height:50px; text-indent:-9999px; overflow:hidden;  line-height:1;}
.slides1_wrap .bx_pager a:hover, .slides1_wrap .bx_pager a.active{background-color:#eee; opacity:0.50; -moz-border-radius:5px;}

.slides1_wrap .prev {
                position: absolute;
                left: 10px;
                top:0;
                outline: 0;
}

.slides1_wrap .next {
                position: absolute;
                right: 10px;
                top: 0;
                outline: 0;
}




/* =library */
.first{}
.last{}

.access{position:absolute; text-indent:-9999px; overflow:hidden;}
.clearfix:after, .container:after {content:"\0020";display:block;height:0;clear:both;visibility:hidden;overflow:hidden;}
.clearfix, .container {display:block;}

*:first-child+html .clearfix { /* IE7 */ min-height: 1px;}
* html .group { /* IE6 */ 	height: 1%;}

.clear {clear:both;}


/* =helpers */

.hide{display:none;}
.todo{font-weight:bold; color:red;}
.border{border:1px solid red;}
.outline{outline: red dotted 1px}
.background{background-color:red;}
.overflow{overflow:hidden;}
.strip{margin:0; padding:0;}