/* worldwonderphotos CSS */
/*author: Neil Mills 2007*/
* {margin:0; padding:0; border:0;}
body {background:#000; color:#FFF; font-family: Helvetica, Arial, sans-serif; font-size:70%;}
/*overiding styles*/
h1 {font-size:1.2em; line-height:1.1em; color:#FC7216; text-transform:uppercase;}
h3 {color:#FC7216;}
.portfolio {background:url(../images/title-portfolio.png) left top no-repeat;}
.services {background:url(../images/title-services.png) left top no-repeat;}
.basket {background:url(../images/title-basket.png) left top no-repeat;}
.contact {background:url(../images/title-contact.png) left top no-repeat;}
.register {background:url(../images/title-register.png) left top no-repeat;}
.login {background:url(../images/title-login.png) left top no-repeat;}
.checkout {background:url(../images/title-checkout.png) left top no-repeat;}
.thanks {background:url(../images/title-thanks.png) left top no-repeat;}
a {color:#FC7216; text-decoration:underline;}
a:hover {color:#FFF;}
p {padding-bottom:6px; color:#CCC; line-height:1.4em;}
strong {color:#FFF; font-weight:bold;}
i {color:#FFF; font-style:normal;}
ul#sitemap {margin:20px;}
ul#sitemap, ul#sitemap ul {list-style:none;}
ul#sitemap ul {margin-left:20px;}
ul#sitemap li {margin-bottom:2px;}
.arrow, ul#sitemap li a {padding-left:8px; background:url(../images/arrow.gif) left 4px no-repeat;}
.banner {margin-bottom:20px;}
/*screenreader styles*/
a#skip {position:absolute;right:10px;top:-3px;display:none;color:#999;}
a#skip:hover,a#skip:active,a#skip:focus {background:#EFAA22;color:#FFF;}
#bodyheader {display:none;}

/*container styles*/
#header-wrap,#content,#footer,#menu {position:relative; width:850px; margin:0 auto; background:#181512; border:1px solid #333;}
 #header-wrap {margin-top:15px;}
 #popwrap {width:500px; position:relative; margin:10px; text-align:left;}
#popwrap h1 {padding:0; color:#FFF; height:auto;}
#header { height:80px; background:#181512 url(../images/logo-wwp.png) left top no-repeat;}
#content {border-top:0; background:#181512 url(../images/nav-shadow.png) left top repeat-x; padding-bottom:20px; position:relative; }
#footer {background:#000; border:0; margin:5px auto; color:#666; height:30px;}
#footer a { color:#666;}
#pagetitle {padding:20px 30px 10px 30px; position:relative;}
#basket {position: absolute; right:30px; top:20px; width:300px; text-align:right; height:17px;}
#basket a, #cart-title,#cart-items {display:block; float:right; height:17px;}
#cart-title,#cart-items {margin-right:8px; text-transform:uppercase; padding-top:2px;}
#cart-title {padding-left:20px; background:url(../images/icon-cart.png) left 2px no-repeat;}
#cart-items {color:#FC7216;}

/*columns*/
#colA,#colB,#colC,#colD, #colA_inner, #colB_inner, #colA_inner_port {float:left;}
#colA,#colC {margin-left:30px; width:284px;}
#colB {width:500px; background:url(../images/slide-border-home.png) left top no-repeat; height:412px; padding:6px 6px;}
#picframe {width:500px; height:400px; overflow:hidden;}
/*
#colC {width:525px;}
*/
#colC {width:200px;}
#colD {width:572px; margin-left:18px;}
#colE {margin:0 30px 15px 30px; position:relative;}
#colA_inner,#colA_inner_port {width:270px; margin-right:6px;}
#colA_inner_port {width:438px;}
#colA_inner p {padding: 5px 0;}
.underline {background:url(../images/keyline.png) left bottom repeat-x; margin-bottom:5px;}
/*
.tile .cbox {margin-top:-3px;}
*/
#colB_inner {width:330px;}

p.btn {text-align:right; padding-bottom:10px;}
/*breadcrumb*/
.orange, em {color:#FC7216; font-style:normal;}
#breadcrumb {float:left; border:1px solid #333; padding:4px; color:#FFF;  margin:0 30px; text-transform:uppercase; margin-bottom:10px; font-size:0.9em; display:block; width:780px;}
#breadcrumb a {color:#FC7216; text-decoration:none;}
#breadcrumb a:hover {color:#FFF;}
.pageinfo { margin-right:20px;}
.prev { margin-right:10px;}
.next { margin-left:10px;}
#breadcrumb a.null {color:#333;}
/*generic styles*/
.floatleft {float:left;}
.floatright {float:right; margin-left:8px; margin-bottom:4px;}
.tilekey {border:1px solid #333; padding:2px 8px; margin-bottom:20px;}

ul#subnav {list-style:none;}
ul#subnav a{color:#999; text-decoration:none; display:block;}
ul#subnav a:hover {color:#FFF;}
ul#subnav li {line-height:1.6em; border-bottom:1px solid #333;}
ul#subnav li.last {border:none;}
.tile {background:#2F2C29; padding:4px 8px; margin-bottom:8px; color:#CCC;}
.tile h2, .tile h3, .tilekey h2 {color:#FFF; font-size:1.24em; line-height:2em; background:url(../images/keyline.png) left bottom repeat-x; display:block; margin-bottom:2px; }

.tile h2 {background:none; margin-bottom:0; line-height:1.6em; margin-top:4px;}
.tile h3, .tilekey h3 {font-size:1em; background:none; margin-bottom:0; color:#FC7216; font-size:1.1em;}
.tilekey h3,  {line-height:2em; background:url(../images/keyline.png) left bottom repeat-x; color:#FC7216; margin-bottom:2px;}
.banner {padding:0;}
.key {background:url(../images/keyline.png) left bottom repeat-x; padding-bottom:10px; margin-bottom:2px;}
.item {background:#484848; border-bottom:3px solid #2F2C29; margin-bottom:0;}
#slides {float:left;}
.slide {width:120px; margin-right:4px; padding:4px 10px; padding-top:2px; float:left; text-decoration:none; color:#999; text-align:center; cursor:pointer;}
.slide p {line-height:1.2em; padding-bottom:3px; margin:0;}
.slide h3 {color:#FFF; font-size:1em; font-weight:normal; line-height:1.1em; height:24px; padding-top:5px;}
.slide p.label {height:25px;}
.slide:hover {background:#413E3C; cursor:pointer; color:#FFF;}
.rowend {margin:0;}
.menuhead {margin:0; line-height:1.2em;}
.mindepth {height:200px; min-height:200px;}
div[class].mindepth {height:auto;}
/*homepage*/
#portfolio { margin-top:5px; color:#FC7216;}
#portfolio .btn {float:left; width:130px; margin-right:9px; display:block; color:#FC7216; text-transform:uppercase; text-decoration:none; cursor:pointer;}

#portfolio a {float:left; width:130px; display:block; color:#FC7216; text-transform:uppercase; text-decoration:none; cursor:pointer; display:block; margin-bottom:8px;}
.frame {width:120px; height:80px; background:#333; padding:5px 5px 0 5px; margin-bottom:4px; overflow:hidden;}
#portfolio a:hover {color:#FFF;}
#portfolio p { line-height:1.2em;}
.sqframe {width:120px; height:120px; text-align:center; overflow:hidden; background:url(../images/keyline.png) left bottom repeat-x; margin-bottom:3px; padding-bottom:5px;}
.port,.land {width:120px; height:124px; text-align:center; overflow:hidden; display:block;}
.land {height:79px;}
.slide a {background:url(../images/keyline.png) left top repeat-x; display:block; margin-top:5px; padding-top:7px;}



/*header*/
#homelink {position:absolute; left:24px; top:14px; width:300px; height:50px;}
#search {position:absolute; width:330px; top:25px; right:30px;}
#search input, #search label {float:left;}
#search p {margin-top:5px;}
/*navigation styles*/

/*Add margin between menu and rest of content in Firefox*/
#menu:after{ content: "."; display: block; height: 0; clear: both; visibility: hidden;}
#menu {border-top:0;}
#menu ul{border: 0px solid #BBB;float: left; font-size:1.1em; font-weight:bolder; list-style-type: none; padding-left:15px;}
#menu ul li{display: inline; list-style-type: none;}
#menu ul li a{float:left; color: #7F7F7F; font-weight:bold; text-decoration: none;list-style-type: none;text-transform:uppercase; margin:0px 14px; line-height:24px;}
#menu ul li a:hover{color: #FFF; list-style-type: none;}
/* ######### Style for Drop Down Menu ######### */
.dropmenudiv{position:absolute;top: 20px; border: 1px solid #333; /*THEME CHANGE HERE*/ border-top:0; line-height:18px; z-index:100;background-color: black; width: 145px; visibility: hidden; filter: progid:DXImageTransform.Microsoft.Shadow(color=#000,direction=315,strength=4); /*Add Shadow in IE. Remove if desired*/}
.dropmenudiv a{display: block; background:url(../images/keyline.png) left bottom repeat-x; margin: 0 5px; padding:0 0 3px 0;text-decoration: none; color: #999;}

.dropmenudiv a:hover{background-color: #000; color:#FFF;}
.dropmenudiv a.last {background:none;}

/*clearfix*/
.clearfix:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
/* End hide from IE-mac */
.clear {clear:both;}

/*form styles*/

input[type="text"] {width:300px; border:1px solid #000; height:18px;}
textarea,select,input.text {width:300px; border:1px solid #000; height:18px;}
label {width:130px; color:#FFF;}
label.subscribe {width:auto; margin-right:5px;}
#search label {width:auto;}
input,label,select {float:left;}
.row input {float:none;}
fieldset {margin-bottom:10px; padding-bottom:6px; background:url(../images/keyline.png) left bottom repeat-x; float:left; display:block;width:100%;}
input,textarea,select {background: #999; height:18px; font-size:0.9em;}
textarea {height:150px; float:left; font-family:Arial, Helvetica, sans-serif;}
input#key {width:190px; margin-right:5px;}
.cbox {width:auto; margin:0; background:none; border: none; height:auto;}
input.qty {width:100px;}
#submit,.flag {margin-left:130px;}
#submit {margin-top:10px;}
#links, #currency {width:200px; margin-bottom:10px;}
#currency {margin-left:640px; width:150px;}

.sbt {height:auto; width:auto;}

/*table*/
.tbl {border:2px solid #181512; border-bottom:1px solid #181512 ; float:left;}
.tblrow {border-bottom:1px solid #181512; float:left; display:block; width:100%;}
.header {background:#FC7216; color:#000; font-weight:bold;}
.tblcol {border-right:1px solid #181512; padding:2px 4px; float:left; width:91px;}
.wide {width:234px;}
.end {border:0;}
/*shopping basket*/
.row {background:#333; margin-bottom:3px; position:relative; width:790px; display:block;}
.blank {background:none; margin-bottom:10px; padding-left:0;}
.column {color:#FFF; height:75px; background:#333;  border-bottom:3px solid #181512;}
.colImage,.colCode,.colTitle,.colQty,.colCost,.colTotal,.colCheck {float:left; padding:5px; border-right:3px solid #181512;}
.colImage {width:110px;}
.colCode {width:80px;}
.colTitle {width:171px;}
.colQty {width:100px}
.colTotal {border:0;}
.colCost {border-right:none;}
.colCost {width:80px;}
.colTotal {width:173px; float:left; height:15px; margin-bottom:3px;}
.colCheck {padding:10px 0 0 0; background:none;}
.empty {width:606px; float:left; display:block; margin-top:10px;}
.totallbl {width:90px; display:block; float:left;}
.totalamount {font-size:1.3em; font-weight:bold; float:left;}