/*
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -

Title : Classic Miniatures Stylesheet
Author : Wes Smith / wes.smith@mediarock.co.uk / Mediarock Ltd

- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
*/

/* COMMON AND GLOBAL */
body { font:62.5%/1.6 arial, verdana, helvetica, sans-serif; margin:0; padding:0; background:#ffffff; color:#000000; }

/* ----- IDS ----- */
#outerContainer { width:100%; font-size:110%; }
#container { width:900px; margin:0 auto; text-align:left; font-size:110%; }
#printHeader { display:none;}
#headerContainer { height:380px; background:#3687ad url(/images/layup/headerBg.gif) top left repeat-x; margin-bottom:30px;}
#header { position:relative; width:900px; margin:0 auto 0 auto;}
#header .logo { position:absolute; top:0; left:-10px;}
#header .introText { position:absolute; top:195px; left:0;}
#header #contactDetails {position:absolute; top:45px; right:0;}
#header #contactDetails img { display:inline;}
#header #homeCarousal { position:absolute; top:142px; right:0;}
#header #caseStudies { position:absolute; top:284px; left:5px; width:500px; text-align:left;}
#header #caseStudies .caseStudyLogo { float:left; margin:0 15px 5px 0;}
#header #caseStudies p { padding:0; margin:0; font-size:120%; color:#FFFFFF;}
#contentContainer { width:900px; min-height:400px; height:auto !important; height:400px; }
#contentContainer #searchBar { position:relative; width:740px; height:27px; background:#003366; margin-bottom:30px; color:#FFFFFF; padding:4px 10px 4px 150px; font-size:140%;}
#contentContainer #searchBar #searchArrow { position:absolute; top:7px; left:10px;}
#contentContainer #searchBar form { display:inline; margin-left:40px;}
#contentContainer #searchBar .searchDropdown { font-size:80%; width:235px; margin-left:5px; color:#999999;}
#contentContainer #searchBar form p { display:inline; margin:0 0 0 10px; padding:0;}
#contentContainer #searchBar p { padding:0; margin:0;}
#contentContainer #searchBar #searchBtn { position:absolute; top:6px; right:10px; width:72px; height:23px;}
#contentContainer #contentArea { float:left; width:450px; margin-left:30px; color:#003366;}
#contentContainer #contentArea .homeThumb{ float:left; margin:0 10px 10px 0; border:3px solid #cccccc;}
#moreInfoContainer { position:relative; width:600px; margin:20px auto; font-size:120%;}
#moreInfoContainer #colLeft { float:left; width:250px;}
#moreInfoContainer #colLeft .img { border:3px solid #cccccc;}
#moreInfoContainer #colRight { float:left; width:330px; padding:0 0 0 20px;}
#moreInfoContainer #colRight p { padding:0 0 5px 0; text-align:left;}
#moreInfoContainer #addForm { display:inline; padding:0; margin:0;}
#moreInfoContainer #addForm div { margin-bottom:10px; text-align:left;}
#moreInfoContainer #addForm .input { width:100px;}
#moreInfoContainer #addForm label { display:block; width:100px; float:left; text-align:left; }
#moreInfoContainer #addForm .addBtn { width:125px; height:23px; float:left;}
#moreInfoContainer #added_product {font-weight: bold; color: #FF0000; margin-bottom: 8px;}
#moreInfoContainer #has_errors {font-weight: bold; color: #FF0000; margin-bottom: 8px;}
#moreInfoContainer h2 {color:#3399cc; font-size: 150%;}
#moreInfoContainer #emailFriend{padding: 0 20px 5px 20px;}
#moreInfoContainer .relProductDetails { background:#e6e6e6; border:3px solid #cccccc; padding:4px; float:left; width:260px; margin:0 10px 10px 10px;position:relative;}
#moreInfoContainer .relProductDetails .relImage {float:left; width:125px; height:125px; }
#moreInfoContainer .relProductDetails .relDetails {float:right; width:120px; text-align:right; color:#003366;}
#moreInfoContainer .relProductDetails .relDetails p {padding:0; margin:0;}
#moreInfoContainer .relProductDetails .price { color:#003366; font-size:120%; margin-top:7px;}
#moreInfoContainer .relProductDetails .price span {font-weight:bold;}
#moreInfoContainer .relProductDetails .info { background:url(/images/layup/moreInfoPlus.gif) 0px 2px no-repeat; padding:0 0 0 14px;}


#contentContainer #textContentArea .homeThumb{ float:left; margin:0 10px 10px 0; border:3px solid #cccccc;}


.categoryContainer {margin-bottom: 10px; padding-bottom: 8px; border-bottom: 1px solid #3399cc;}
/* ----- INTERNAL PAGE IDS ----- */
#header #productsCarousal { position:absolute; top:142px; left:0;}
#contentContainer #content { width:690px; margin-left:25px; float:left; min-height:380px; height:auto; position:relative;}
#contentContainer #content #viewEnquiry { position:absolute; top:-25px; right:0; color:#003366; padding-right:20px;}
#contentContainer #content #viewEnquiry img {display:inline; position:absolute; top:3px; right:0;}
#contentContainer #content #searchLink { position:absolute; top:-25px; right:150px; color:#003366; padding-right:20px; font-weight:bold;}
#contentContainer #content #searchLink img {display:inline; position:absolute; top:3px; right:0;}
#contentContainer #content .productDetails { background:#e6e6e6; border:3px solid #cccccc; padding:4px; float:left; min-height: 148px; width:290px; margin:0 10px 10px 10px;position:relative;}
#contentContainer #content .productDetails .image {float:left; width:125px; height:125px; }
#contentContainer #content .productDetails .details {float:right; width:150px; text-align:right; color:#003366;}
#contentContainer #content .productDetails .details p {padding:0; margin:0;}
#contentContainer #content .productDetails .price { color:#003366; font-size:120%; margin-top:7px;}
#contentContainer #content .productDetails .price span {font-weight:bold;}
#contentContainer #content .productDetails .info { background:url(/images/layup/moreInfoPlus.gif) 0px 2px no-repeat; padding:0 0 0 14px;}
#contentContainer #content .productForm { position:relative; margin-top:20px;}
#contentContainer #content .productDropdown { font-size:80%; width:170px; color:#333333;}
#contentContainer #content .text { font-size:80%; width:18px; margin-left:10px; color:#333333; text-align:center;}
#contentContainer #content .btn { position:absolute; top:0; right:0; display:inline; width:82px; height:20px;}
#contentContainer #content .productForm .size { position:absolute; top:-15px; left:5px; color:#003366; font-size:90%;}
#contentContainer #content .productForm .qty { position:absolute; top:-15px; left:185px; color:#003366; font-size:90%;}
#contentContainer #searchBar #quickLinks { position:absolute; bottom:-58px; right:0; color:#003366; font-size:80%; z-index:10;}
#contentContainer #textContentArea { float:left; width:660px; margin-left:30px; color:#003366;}

/* ----- CLASSES ----- */
.clear { clear:both; }
.hide { display:none; }
.show { display:block; }
.printShow { display:none; }
.float_left { float:left !important; }
.float_right { float:right !important; }
.align_left { text-align:left !important; }
.align_center { text-align:center !important; }
.align_right { text-align:right !important; }
.align_justify { text-align:justify !important; }
.align_bottom { vertical-align:bottom !important; }
.image_right { float:right; margin:0 0 15px 15px; border:3px solid #cccccc;}
.image_left { float:left; margin:0 15px 15px 0; border:3px solid #cccccc;}
.image_center { margin:0 auto;}
.relative { position:relative; }
.inline {display:inline;}
.hand { cursor:pointer;}
.paginate {border-bottom: 1px solid #3399cc; padding-bottom: 8px; margin-bottom: 15px; border-top: 1px solid #3399cc; padding-top: 8px; margin-top: 10px; padding-left: 8px; }
.title {font-size:120%; color:#3399cc; margin:0 0 10px 0; padding:0;}
.productsPageTitle {font-size:160%; color:#003366; margin:0 0 5px 0; padding:0; width:675px;}
.productsPageTitle span {font-size:90%; color:#003366; margin:0 0 5px 0; padding:0; font-weight:normal;}
.trophy_bg {background: transparent url(/images/layup/homeBgImage.jpg) no-repeat right top;}
.contentImage {border: 5px solid #e6e6e6; }
.clsHomeUl {margin-top: 0px; margin-bottom: 2px;}
.movie {
				width: 100%;
				height: 100%;
			}
			
.HighlightBasket {
	text-transform: uppercase; color: #FF0000;
}
/* ----- HEADINGS & PARAGRAPHS ----- */
h1, h2, h3, h4, h5, h6 { margin:0; padding:0 0 7px 0; font-size:100%; font-weight:bold;}

/* ----- TOP NAVIGATION ----- */
#topNav { position:absolute; top:112px; right:0; color:#FFFFFF; font-size:110%;}
#topNav ul { list-style:none; padding:0; margin:0;}
#topNav li { list-style:none; display:block; float:left; margin-left:2px;}
#topNav a { display:block; float:left; text-decoration:none; color:#FFFFFF; font-weight: normal; letter-spacing:1px;}
#topNav a span { display:block; padding:5px 25px 9px 25px; font-weight: normal; }
#topNav a:hover { background:url(/images/layup/navBgRight.gif) top right no-repeat;}
#topNav a:hover span { background:url(/images/layup/navBgLeft.gif) top left no-repeat;}
#topNav .active a { background:url(/images/layup/navBgRight.gif) top right no-repeat;}
#topNav .active a span { background:url(/images/layup/navBgLeft.gif) top left no-repeat;}

/* ----- LEFT NAVIGATION ----- */
#leftNav {float:left; width:185px; padding:0; margin:0;}
#leftNav .switch { display:block; padding:5px 30px; background:#003366 url(/images/layup/blueArrow.gif) 4px 4px no-repeat; color:#FFFFFF; text-decoration:none; font-weight:normal;}
#leftNav .switch:hover { display:block; padding:5px 30px; background:#003366 url(/images/layup/blueArrowDown.gif) 4px 4px no-repeat; color:#FFFFFF; text-decoration:none; font-weight:normal;}
.menu{ clear:both;}
ul.menu, .menu li{padding:0; margin:0; list-style:none;}
ul.menu{clear:both; margin-top:1px;}
.menu li a{color:#ffffff; background:#3399cc; font-weight:normal; display:block; padding:0 4px; text-decoration:none;}
.menu li a:hover{ text-decoration:underline;}
#navTitle { display:block; padding:3px 4px; background:#003366; color:#FFFFFF; margin-bottom:1px; font-size:120%;}

#leftNav #viewEnquiry { display: block; color:#003366; padding-right:20px; text-align: right; position: relative; height: 30px; margin-top: 10px;}
#leftNav #viewEnquiry img {display:inline; position: absolute; top: 5px; right: 5px;}
#leftNav #viewEnquiry a {color: #3399cc; font-weight: bold;}

/* ----- LEFT NAVIGATION ----- */
#subNav { width:185px; background:#3399cc; padding:5px 0;}
#subNav ul { list-style:none; padding:0; margin:0;}
#subNav li { display:block; background:url(/images/layup/subNavArrow.gif) 5px 5px no-repeat; padding:1px 13px;}
#subNav li a { color:#FFFFFF; text-decoration:none;}
#subNav li a:hover { text-decoration:underline;}

/* ----- SITE MAP ----- */
#sitemap { list-style:none; margin:0 0 0 5px; padding:0;}
#sitemap ul { list-style:none; margin:10px 0 0px 15px; padding:0;}
#sitemap li { background:url(/images/layup/bulletSitemap.gif) 0px 11px no-repeat; padding:6px 0 5px 15px;}

/* ----- PAGINATION ----- */
#pagination { position:relative; width:675px; margin:20px 0; clear:both; text-align:center; color:#003366; z-index:0;}
#pagination .prev { position:absolute; top:0; left:0; color:#003366;}
#pagination .next { position:absolute; top:0; right:0; color:#003366;}
#pagination ul { list-style:none; padding:0; margin:0;}
#pagination li {display:inline;}
#pagination li a {display:inline; padding:0 3px;}
#pagination li a:hover { background:#003366; color:#FFFFFF; text-decoration:none;}
#pagination li a.active { background:#003366; color:#FFFFFF; text-decoration:none;}

/* ----- THUMB HOVER ----- */
.thumbnail{ }
.thumbnail:hover{background-color: transparent;}
.thumbnail span.imageSpan{ /*CSS for enlarged image*/position: absolute;background-color:#ffffff;left: -20000px; top:-20000px; border: 3px solid #cccccc;visibility: hidden; display:block; color: black;text-decoration: none; z-index:50;}
.thumbnail span.imageSpan img{ /*CSS for enlarged image*/ padding:0; margin:0;}
.thumbnail:hover span.imageSpan { /*CSS for enlarged image on hover*/visibility: visible; top: -150px;left: -75px; /*position where enlarged image should offset horizontally */}

/* ----- FOOTER ----- */
#footerContainer { height:98px; background:url(/images/layup/footerBg.gif) top left repeat-x; color:#0071bc;}
#footer { width:900px; margin:0 auto 0 auto;}
#footer .padding {padding:10px;}
#footer a { font-weight:normal; text-decoration:none; color:#cccccc; outline:none;}
#footer a:hover { text-decoration:none; color:#FFFFFF;}

/* ----- GLOBAL ----- */
img { display:block; border:0; }
p { padding:5px 0 15px 0; margin:0; }
address { font-style:normal;}


/* ----- LINKS ----- */
a { color:#003366; text-decoration:none; outline:none; }
a:hover { text-decoration:underline; }
#contentContainer #content #viewEnquiry a { color:#003366; font-weight:bold; text-decoration:none; outline:none; }
#contentContainer #content #viewEnquiry a:hover { text-decoration:underline; }
#contentContainer #searchBar #quickLinks a { color:#003366; font-weight:bold; text-decoration:none; outline:none; }
#contentContainer #searchBar #quickLinks a:hover { text-decoration:underline; }
#contentContainer #searchBar #quickLinks .current { text-decoration:underline;}
#contentContainer #content .productDetails .details a { color:#003366; font-weight:bold; text-decoration:none; outline:none; }
#contentContainer #content .productDetails .details a:hover { text-decoration:underline; }

/* ----- FORMS ----- */
form { padding:0; margin:0; }
fieldset { padding:0; margin:0; border:0px none; display:inline; }
legend { padding:0; margin:0; display:none; }
label { display:block; width:260px; float:left; }
input, textarea { width:200px; font-size:11px !important;}
.required { color:#0033FF;}
.checkRadio { width:20px; position:relative; left:-7px;}
#frmContact { margin-bottom:15px;}
#frmContact p { padding:7px 0;}
#frmContact select { width:204px;}
#frmContact div { margin-bottom:10px;}
#submit { width:55px; height:18px; border:none;}
form.frontend{margin-top:1em;}
form.frontend label{float:left;display:block;width:20%;margin-bottom:1em;}
form.frontend br{clear:left;}
form.frontend div.val_errors{margin-bottom:1em; color:#FF0000; background-color:#FFFFFF;}
form.frontend div.val_errors ul{margin-left:0; list-style-type:disc; padding:0;}
form.frontend div.val_errors ul li{margin-left:2em; padding:0;}
/* overwrites previous rule that cause problems*/
form.frontend input{width:auto;}
form.frontend input.txt{width:150px;margin-bottom:1em;float:left;}
form.frontend .nolabel{margin-left:20%;margin-bottom:1em;float:left;}
form.frontend input.narrow{width:40px;}
form.frontend select{width:200px;float:left; margin-top:3px;}
form.frontend select.multiple{height:8em;margin-bottom:0.5em;}
form.frontend textarea{width:200px;float:left;margin-bottom:0.5em;}
form.frontend textarea.wide{width:75%;float:left;height:6em;}
form.frontend label.checkbox{display:block;float:left;width:5.5em;margin-left:1em;}
form.frontend label.checkbox input{float:right;}
form.frontend label.radio{display:block;float:left;width:75%;margin-bottom:0;}
form.frontend label.radio input{margin-bottom:0;}
form.frontend label.disabled{color:#666;}
form.frontend label.wide{width:100%;}
form.frontend .small_margin{margin-bottom:0;}
form.frontend table.viewEnquiryTable input.qty{width:3em;}
form.frontend table.viewEnquiryTable textarea.customise_details{width:15em; height:10em;}

table.generic{width:100%; border-top: 1px solid #CCC;border-left: 1px solid #CCC;}
table.generic th{padding:2px;border-right:1px solid #CCC;border-bottom: 1px solid #CCC;}
table.generic td{vertical-align:top;padding:2px;border-right:1px solid #CCC;border-bottom: 1px solid #CCC;}
table.generic td.message{vertical-align:top;text-align:center;}
.viewEnquiryTable { width:100%; border-top: 1px solid #CCC;border-left: 1px solid #CCC; font-size: 100%;}
.viewEnquiryTable th{padding:4px;border-right:1px solid #CCC;border-bottom: 1px solid #CCC; background:url(/images/tableTHBg.gif) top left repeat-x; font-size:110%; color:#FFFFFF;}
.viewEnquiryTable td{vertical-align:top;padding:4px;border-right:1px solid #CCC;border-bottom: 1px solid #CCC;}

/* ----- FORM VALIDATION ----- */
input.disabled { border: 1px solid #F2F2F2; background-color: #F2F2F2; }
input.validation-failed, textarea.validation-failed, select.validation-failed, .error { border: 1px solid #4544e4; color : #FF3300; }
input.validation-passed, textarea.validation-passed, select.validation-passed { border: 1px solid #00CC00; color : #000; }
.validation-advice, .val_errors { margin: 5px 0; width:auto; padding: 5px; background-color: #4544e4; color : #FFF; font-weight: bold; }

dl{margin:0;}
dl dt{float:left;clear:left;width:20%; margin:0 0 0.5em 0;display:block;}
dl dd{float:left;margin:0 0 0.5em 0;display:block;width:80%;}
table.generic{width:100%; border-top: 1px solid #CCC;border-left: 1px solid #CCC;}
table.generic th{padding:2px;border-right:1px solid #CCC;border-bottom: 1px solid #CCC;}
table.generic td{vertical-align:top;padding:2px;border-right:1px solid #CCC;border-bottom: 1px solid #CCC;}
table.generic td.message{vertical-align:top;text-align:center;}


#carouselContainer { position:relative; width:895px; margin-top:0px; border-top: 1px solid #dfd0df; border-bottom: 1px solid #dfd0df;top:200px; background:#fff}
#carouselContainer #arrowLeft { position:absolute; top:40px; left:0; z-index:98;}
#carouselContainer #arrowRight { position:absolute; top:40px; right:0; z-index:98;}
#carouselContainer .stepcarousel{position: relative; /*leave this value alone*/  border-left:20px solid #3687AD; border-right:20px solid #3687AD;/*leave this value alone*/width: 855px;height: 140px; /*Height should enough to fit largest content's height*/}
#carouselContainer .stepcarousel .belt{position: absolute; /*leave this value alone*/left: 0;top: 0; background:#fff;}
#carouselContainer .stepcarousel .panel{float: left; /*leave this value alone*/overflow: hidden; border:none; /*clip content that go outside dimensions of holding panel DIV*/margin: 15px; /*margin around each panel*/width: 110px; /*Width of each panel holding each content. If removed, widths should be individually defined on each content DIV then. */}