/* base.css styles. Added to one gamess.css file for better performance */

/* Tripoli - Copyright (C) 2007 David Hellsing - http://devkick.com/lab/tripoli/  */

/* RESET  */
body,
div,
dl,
dt,
dd,
ul,
ol,
li,
h1,
h2,
h3,
h4,
h5,
h6,
pre,
code,
form,
fieldset,
legend,
button,
textarea,
p,
blockquote,
th,
td {
	margin: 0;
	padding: 0;
}
input,select { margin: 0; }

code,kbd,samp,pre,tt,var,textarea,input,select,isindex,listing,xmp,plaintext{font:inherit;white-space:normal;}
a,img,a img,iframe,form,abbr,acronym,object,applet,table,a abbr,a acronym{border-width:0;}
dfn,i,cite,var,address,em{font-style:normal;}
th,b,strong,h1,h2,h3,h4,h5,h6,dt{font-weight:normal;}
caption,th,td{text-align:left;}

/* GENERAL  */
html{background:white;color:black;font-family:arial, sans-serif;font-size:125%;line-height:1;}
q{quotes:"\201C""\201D""\2018""\2019";}
ul,ol,dir,menu{list-style:none;}
sub,sup{vertical-align:baseline;}
a{color:inherit;text-decoration:underline;}
body{font-size:50%;}
strong,th,thead td,h1,h2,h3,h4,h5,h6,dt{font-weight:bold;}
cite,em,dfn{font-style:italic;}
code,kbd,samp,pre,tt,var{font-family:mono-space,monospace;font-size:100%;}
pre{white-space:pre;}
pre *{font-size:100%;white-space:pre;}
del{text-decoration:line-through;}
ins,dfn{border-bottom:1px solid black;}
small,sup,sub{font-size:85%;}
big{font-size:125%;line-height:80%;}
abbr,acronym{font-size:85%;letter-spacing:.1em;text-transform:uppercase;}
abbr[title],acronym[title],dfn[title]{border-bottom:1px dotted black;cursor:help;}
sup{vertical-align:super;}
sub{vertical-align:sub;}
blockquote{padding-left:2.2em;}
:lang(en-GB){quotes:'\2018' '\2019' '\201C' '\201D';}
*[lang|='en'] q:before{content:'\201C';}
*[lang|='en'] q:after{content:'\201D';}
*[lang|='en'] q q:before{content:'\2018';}
*[lang|='en'] q q:after{content:'\2019';}
input,select,button{cursor:pointer;}
input[type='text'],input[type='password']{cursor:text;}

/* CONTENT  */
.content{font-size:1.2em;line-height:1.6em;}
.content h1{font-size:1.6em;line-height:1;margin:1em 0 .5em;}
.content h2{font-size:1.5em;line-height:1;margin:1.07em 0 .535em;}
.content h3{font-size:1.4em;line-height:1;margin:1.14em 0 .57em;}
.content h4{font-size:1.3em;line-height:1;margin:1.23em 0 .615em;}
.content h5{font-size:1.2em;line-height:1;margin:1.33em 0 .67em;}
.content h6{font-size:1em;line-height:1;margin:1.6em 0 .8em;}
.content hr{background:black;border:none;color:black;display:block;height:1px;width:100%;}
.content ul{list-style:disc outside;}
.content ol{list-style:decimal outside;}
.content table{border-collapse:collapse;border-left:1px solid #ccc;border-top:1px solid #ccc;}
.content th,.content td{border-bottom:1px solid #ddd;border-right:1px solid #ccc;padding:.2em .4em;}
.content hr,.content p,.content ul,.content ol,.content dl,.content pre,.content address,.content table,.content form{margin-bottom:1.6em;}
.content p+p{margin-top:-0.8em;}
.content fieldset{margin:1.6em 0;padding:1.6em;}
.content legend{padding-left:.8em;padding-right:.8em;}
.content fieldset>*:first-child{margin-top:0;}

.content button{padding:.3em .5em;}
.content input[type='radio']{bottom:-0.2em;position:relative;}
.content dt{margin-bottom:.4em;margin-top:.8em;}
.content ul,.content ol{margin-left:2.2em;}
.content caption, form div{padding-bottom:.4em;}
.content ul ul,content ol ul,.content ul ol,content ol ol{margin-bottom:0;}
hr,input[type='hidden']{display:none;}

/* End of base.css styles */

/* 
BG PINK: #ff7bd7
MID GREY: #4a4a4a
PALE GREY: #e8e8e8
DARK CRIMSON: #9F0073
*/

/* GENERAL STYLES */
html,body { background:url(images/body-bg.gif) repeat-x fixed #ff7bd7; color:#4a4a4a; }
.content h1 { font-weight:normal; font-size:30px; margin-top:5px; padding-bottom:4px; }
.content h2 { font-weight:bold; font-size:14px; }
a { color:#9F0073; }
.content a { border-bottom:dotted 1px #9F0073; text-decoration:none; color:#9F0073; }
.content a:hover { color:#7C007F; border-bottom:solid 1px #7C007F;}
.content th { background:#FCC6EC; }
.content table, .content td, .content th, .content tr { border-color:#FC9DDF; }

/* MAIN BLOCKS */
#body-inner { background:url(images/body2-bg.png) no-repeat fixed; }
#body-inner-inner {background:url(images/body3-bg.png) right top no-repeat fixed; padding:36px 0 0 0; }
#container { width:881px; padding:10px; margin:0 auto; background:#fff; }
#header { height:115px; position:relative; overflow:hidden; }
#content { padding:10px 0 10px 0; overflow:hidden; }
#col-left { float:left; width:210px; overflow:hidden; }
#col-right { float:right; width:658px; overflow:hidden; }
#footer { clear:both; padding:20px 10px; line-height:1.4em; }
#footer img{float:right;margin-top:-30px;border:none;}

/* NAV */
#nav { position:absolute; top:84px; background:url(images/nav-bg.gif) repeat-x; width:100%; }
#nav li { float:left; overflow:hidden; background:url(images/nav-divider.gif) left center no-repeat; padding-left:2px; }
#nav a { display:block; height:33px; line-height:33px; font-size:12px; text-transform:uppercase; padding:0 14px; font-weight:bold; text-decoration:none; color:#fff;}
#nav a:hover { color:#9F0073; }
#nav a.current { background:url(images/nav-current-marker.png) no-repeat bottom; }
#nav li.first { background-image:none; padding-left:0; }
#nav a img { position:relative; top:3px; }

/* SUBNAV */
#subnav { background:url(images/quarter-panel-bg.gif) repeat-x; padding:10px 20px; }
#subnav a { display:block; height:24px; line-height:24px; font-size:12px; border-bottom:dotted 1px #565656; text-decoration:none; }
#subnav a:hover { color:#76185b; }
#subnav a.current { color:#e6013c; }


/* COLUMNS & PANELS */
.panel { margin-bottom:15px; }
.panel .inner { padding:10px; }
.panel h2 { margin-top:0; }

.panel-third { width:284px; float:left;  margin-right:14px;}

#cart-panel { float:right; background:url(images/cart-icon.gif) no-repeat 10px 13px #fcc6ec; padding:10px 10px 10px 35px; font-size:19px; line-height:21px;  -khtml-border-radius:8px; -moz-border-radius:8px; -webkit-border-radius:8px; border-radius:8px;}
#checkout-button {font-size:12px; background:url(images/checkout-button.gif); height:21px; line-height:21px; width:84px; text-align:center; display:block; float:right; color:#fff; font-weight:bold; text-decoration:none; margin:10px 0 0 10px; }
#checkout-button:hover { color:#9F0073; }

#games-intro { float:right; width:657px; height:268px; overflow:hidden; background:url(images/games-intro-bg.jpg) no-repeat; }
#games-intro .inner { padding:5px 263px 0 48px; }

#our-games { width:211px; height:268px; background:#e8e8e8; }
#our-games .inner { padding:10px; }
#our-games ul { list-style:none; margin:0; padding:0; }
#our-games li { background:url(images/flower-bullet.png) no-repeat left center; height:30px; font-size:14px; line-height:30px; padding:0 0 0 25px; }

.games-package-panel { height:199px; overflow:hidden; background-repeat:no-repeat; }
.games-package-panel:hover { cursor:pointer; }
.games-package-panel .inner { padding:39px 10px 0 10px; }
#package1-panel { background:url(images/package1-bg.jpg); }
#package2-panel { background:url(images/package2-bg.jpg); }
#package3-panel { background:url(images/package3-bg.jpg); margin-right:0; float:right; }

#wedding-websites-panel { background:#e8e8e8; }
#wedding-websites-panel .inner { width:187px; }
#wedding-websites-panel h2 { text-transform:lowercase; font-size:22px; font-weight:normal; }
#wedding-websites-panel span { color:#9b9595; }
#wedding-websites-panel #laptop { position:relative; right:-5px; top:-15px; float:right; margin:0 0 -25px -5px; }

#website-enquiry { background:#fe89da; overflow:hidden; padding:5px 10px; width:460px; }
#website-enquiry h2, #website-enquiry p { color:#9F0073; }

.home-template #wedding-websites-panel { height:155px; }
.home-template #wedding-websites-panel .inner { width:185px; }
.home-template #wedding-websites-panel #laptop { right:-105px; top:-105px; margin:0 0 -105px -105px; }


#individual-games { background:#e8e8e8; overflow:hidden;  }
#individual-games .inner { padding:10px; }
#individual-games ul { list-style:none; margin:0; padding:0; }
#individual-games li { overflow:hidden; float:left; padding:0 20px 5px 0; }
#individual-games a { padding:0 0 0 10px; width:176px; background:url(images/but-arrow.gif) right no-repeat #f3f3f3; height:20px; line-height:20px; display:block; color:#4a4a4a; border:none; font-size:13px; } 
/*url(images/buy-button.png) right no-repeat */
#individual-games a:hover { background-color:#fff; }

.home-template #individual-games { float:right; width:583px; height:155px; }

.package { margin:0 0 10px 0; padding:10px; }
.package:hover { cursor:pointer; }
.package h2 { font-size:30px; font-weight:normal; margin:0; padding:0; }
.package ul { list-style:none; margin:0 40px 0 0; padding:10px 0 0 5px; float:left; }
.package li { background:url(images/flower-bullet.png) no-repeat left center; height:30px; font-size:14px; line-height:30px; padding:0 0 0 25px; }
.package .price { float:right; font-size:24px; font-style:italic; font-weight:bold; margin:-20px 10px 0 0; }
.package .price strong { font-size:40px; display:block; line-height:1em; }


#package-small { background:url(images/package-bg-small.jpg) no-repeat; height:203px; }
#package-small li { background-image:url(images/flower-bullet-blue.png); }
#package-medium { background:url(images/package-bg-medium.jpg) no-repeat; height:273px; }
#package-medium li { background-image:url(images/flower-bullet-orange.png); }
#package-large { background:url(images/package-bg-large.jpg) no-repeat; height:273px; }
#package-large li { background-image:url(images/flower-bullet-red.png); }

.blue h2, .blue .price, .blue h2 a { color:#3c89b5; }
.orange h2, .orange .price, .orange h2 a { color:#ff7f00; }
.red h2, .red .price, .red h2 a { color:#dd0016; }

.game-snippet { width:207px; height:188px; overflow:hidden; float:left; text-align:center; background:url(images/product-snippet-bg.gif); position:relative; margin:0 14px 14px 0; }
.game-snippet.last { margin-right:0; }
.game-snippet .inner { padding:8px 5px; position:relative; }
.game-snippet img { position:absolute; top:37px; left:12px; }
.game-snippet:hover { border-color:#FE8ADB; cursor:pointer; }
.game-snippet h3 { padding:0 0 5px 0; margin:0; font-size:14px; }
.game-snippet h3 a { text-decoration:none; border:none;}
.game-snippet h3 a:hover, .game-snippet:hover h3 a { color:#7C007F; border-bottom:solid 1px #7C007F; }
a.view-details-btn { display:block; position:absolute; top:157px; left:38px; width:129px; height:25px; padding:0; line-height:25px; background:url(images/view-details-button.png) top; border:none; }
a.view-details-btn span { display:none; }
a.view-details-btn:hover, .game-snippet:hover a.view-details-btn { background-position:bottom; border:none; }


.product-image { float:right; margin:0 0 10px 10px; text-align:center;}
.product-price { background:url(images/price-bg.jpg) no-repeat;width:76px;height:76px;color:#fff;font-weight:bold;padding:20px 0 0 18px;float:right;}
.price{font-size:22px;}

.game-snippet .game-price { background:url(images/game-price-bg.png) no-repeat;width:67px;height:47px;color:#fff;font-weight:bold;padding-top:22px;position: absolute;z-index:2;color:#fff;font-size:18px;top:90px;left:140px;}

/* button.add-to-cart-btn { display:block; border:none; color:#fff; width:172px; height:36px; line-height:36px; padding:0;  background:url(images/add-to-cart-button.gif) no-repeat top; margin:5px auto;  } */
button.add-to-cart-btn {margin: 0 10px;float:left;display:inline; border:none; color:#fff; width:172px; height:36px; line-height:36px; padding:0;  background:url(images/add-to-cart-button.gif) no-repeat top; }
button.add-to-cart-btn span { display:none; }
button.add-to-cart-btn:hover { background-position:bottom; }

#checkout-ani-btn { border:none; display:inline;float:left;}

button.proceed-btn { display:block; border:none; color:#fff; width:172px; height:36px; line-height:36px; padding:0;  background:url(images/proceed-button.gif) no-repeat top;  }
button.proceed-btn span { display:none; }
button.proceed-btn:hover { background-position:bottom; }

#cart-summary table { width:500px; }
#cart-summary a { font-size:11px; border:none; }
#cart-summary table img { float:left; margin:0 10px 0 0; }
#cart-summary .product-title { font-size:16px; border:none; line-height:1.6em; color:#4A4A4A; font-weight:bold; }

.article-date { color:#666; font-size:11px; line-height:1em; display:block; margin:-5px 0 5px 0; font-style:italic; }
.article-snippet-date { font-weight:bold; font-size:11px; line-height:1.2em; display:block; margin:0 0 5px 0; }
#articles-panel { background:#e8e8e8; overflow:hidden;  }
#articles-panel .inner { padding:10px; }
#articles-panel ul { list-style:none; margin:0; padding:0; }
#articles-panel li { overflow:hidden; float:left; padding:0 20px 5px 0; }
#articles-panel a { padding:5px 0 0 10px; width:176px; background:#eee; height:50px; line-height:1.2em; display:block; color:#4a4a4a; border:none; font-size:12px; } 
#articles-panel a:hover { background-color:#fff; }

#latest-articles{float:left;margin-right:10px;background:#e8e8e8;width:284px;}

#step1{background:url(../images/step1-bg.jpg) no-repeat;}
#step2{background:url(../images/step2-bg.jpg) no-repeat;margin:0 10px;}
#step3{background:url(../images/step3-bg.jpg) no-repeat;}
.step{width:189px;height:98px;}
.step1-leftcol{margin:0 10px;}
.step-inner{padding:13px 5px 0 50px;line-height:1.2em;font-style:italic;font-size:12px;}

ul.ul-left-col{float: left;margin:0;margin-right:20px;}
ul.ul-right-col{float: left;}

/* Forms */
.content form { overflow:hidden; width:auto;  }
p.legend { margin: 1em; }
p.legend em { color: #C00; font-style: normal; }
form p { margin: 0; }
form p.note { margin: 0 0 0 120px; font-size: 90%; color: #333; }
form fieldset { margin: 10px 0; padding: 10px; border: #DDD 1px solid; }
form legend { font-weight: bold; color: #888888; }
form div { padding: 2px 10px;  }
form div:after { display:block; visibility:hidden; clear:both; height:0; content: "."; }
form fieldset div { padding: 2px 0; }
label, span.label { margin-right: 10px; padding-right: 10px; width: 100px; display: block; float: left; text-align: right; position: relative; }
label em, span.label em { position: absolute; right: 0; font-size: 120%; font-style: normal; color: #C00; }
textarea { width:240px; height:130px; }
input:focus,textarea:focus { background-color: #F0F9FD; border-color: #00AEEF; }
div.controlset label, div.controlset input { display: inline; float: none; }
div.controlset div { margin-left: 120px; }
div.buttonrow { padding-left: 130px; }
.content .errors { padding: 10px 10px 5px 10px; background: #ffe0b5; margin: 0 0 20px 0; border: solid 1px #fc5700; }
.content .errors p { margin:0; padding:0 0 5px 0; }
.content .errors ul { margin:0 0 0 20px; padding:0 0 5px 0; }
.content .errors li { color: #C00; font-style: normal; font-size: 12px; line-height: 1.4em; }
input.long { width: 200px; }

/* MISC */
.access { float:left; position:absolute; left:-3000px; }
.align-right { text-align:right; }
.float-right { float:right; }
.float-left { float:left; }
.align-center { text-align:center; }
.align-left { text-align:left; }
.clear{clear:both;}
#prod-description{width:380px;}

h2.pink{color:#ef4cf1;}

.arrow-down{margin:5px 0 5px 55px;}

a.more-button { display:block; float:right; color:#8d8d8d; text-transform:lowercase; background:#252525; padding:0 6px; font-size:12px; height:20px; line-height:20px; text-decoration:none; cursor:pointer; margin:5px 0; border:solid 1px #333; }
a.more-button:hover { color:#fff; }

.curved, #container, #articles-panel a { -khtml-border-radius:8px; -moz-border-radius:8px; -webkit-border-radius:8px; border-radius:8px; }

.top-curved { 
-khtml-border-top-left-radius:8px; -khtml-top-top-right-radius:8px; 
-moz-border-radius-topleft:8px; -moz-border-radius-topright:8px; 
-webkit-border-top-left-radius:8px; -webkit-border-top-right-radius:8px; 
border-top-left-radius:8px; border-top-right-radius:8px; 
}
.left-curved, #individual-games a { 
-khtml-border-top-left-radius:8px; -khtml-border-bottom-left-radius:8px; 
-moz-border-radius-topleft:8px; -moz-border-radius-bottomleft:8px; 
-webkit-border-top-left-radius:8px; -webkit-border-bottom-left-radius:8px; 
border-top-left-radius:8px; border-bottom-left-radius:8px; 

-khtml-border-top-right-radius:8px; -khtml-border-bottom-right-radius:8px; 
-moz-border-radius-topright:8px; -moz-border-radius-bottomright:8px; 
-webkit-border-top-right-radius:8px; -webkit-border-bottom-right-radius:8px; 
border-top-right-radius:8px; border-bottom-right-radius:8px; 
}
.bottom-curved { 
-khtml-border-bottom-left-radius:8px; -khtml-bottom-top-right-radius:8px; 
-moz-border-radius-bottomleft:8px; -moz-border-radius-bottomright:8px; 
-webkit-border-bottom-left-radius:8px; -webkit-border-bottom-right-radius:8px; 
border-bottom-left-radius:8px; border-bottom-right-radius:8px; 
}
.drop-shadow, #container { box-shadow:0px 0px 10px #666;-webkit-box-shadow:0px 0px 10px #666;-moz-box-shadow:0px 0px 10px #666; }