/*
	colors
    green - #97cc64
    blue - #a1dbdd
    red - #db3d3a
    orange - #f57620


*/
body
{
	font-family:verdana,arial,sans-serif;
    background-color:#97cc64;
    font-size:1em;
}
.container
{
	padding-top:20px;
}
.navbar-default {
    background-color: transparent;
    border-color: transparent;
}
.navbar {
    background-color:#97cc64;

    -webkit-border-radius: 15px;
	-moz-border-radius: 15px;
	border-radius: 15px;
}
.navbar-default .navbar-nav > li > a {
    font-family: 'Ubuntu', sans-serif;
    color:#000000;
    font-weight: 700;
    font-size:1.6em;
    text-shadow: -1px 0 #000000, 0 1px #000000, 1px 0 #000000, 0 -1px #000000;
    background: transparent url('/simg/menu_carrot.png') right 12px no-repeat;
    padding:5px 45px 0px 5px;
}
.navbar-default .navbar-nav > li.top_basket
{
    color:#ffffff;
    font-weight: 700;
    font-size:1.5em;
    padding-top:0px;
    margin-left:20px;
}
.basket_items
{
	padding-top:5px;
}
.navbar-default .navbar-nav > li.top_basket a
{
	float:left;
	background:transparent;
    padding:0px 0px 0px 0px;
}
.navbar.center .navbar-inner {
    text-align: center;
}

.navbar.center .navbar-inner .nav {
    display:inline-block;
    float: none;
}
.menu_arrow
{
	display:none;
}


.mainbox
{
	background-color:#a0dadc;

    -webkit-border-bottom-right-radius: 25px;
	-webkit-border-bottom-left-radius: 25px;
	-moz-border-radius-bottomright: 25px;
	-moz-border-radius-bottomleft: 25px;
	border-bottom-right-radius: 25px;
	border-bottom-left-radius: 25px;

    border-bottom:5px solid #000000;
    border-left:5px solid #000000;
    border-right:5px solid #000000;

    margin-bottom:50px;

}
.boxfill_left
{
    background:#a0dadc url('/simg/black_border_dot.png') top right no-repeat;
    border-left:5px solid #000000;
    min-height:30px;
}
.boxfill_right
{
    background-color:#a0dadc;
    border-top:5px solid #000000;
    border-right:5px solid #000000;

	-webkit-border-top-right-radius: 25px;
	-moz-border-radius-topright: 25px;
	border-top-right-radius: 25px;

    min-height:30px;
}
.boxborder_home
{
	margin-left:auto;
    margin-right:auto;
	width:320px;
	min-height:324px;
    border-radius: 10px 10px 10px 10px;
	-moz-border-radius: 10px 10px 10px 10px;
	-webkit-border-radius: 10px 10px 10px 10px;
	border: 3px dashed #000000;
}
.border_blue
{
	border: 3px dashed #a1dbdd;
}
.border_orange
{
	border: 3px dashed #f57620;
}
.border_red
{
	border: 3px dashed #db3d3a;
}
.border_green
{
	border: 3px dashed #97cc64;
}
.navbox
{
	background-color:#a0dadc;
    border-left:5px solid #000000;
    border-right:5px solid #000000;
}
.topbox
{
	background-color:#a0dadc;

    -webkit-border-top-left-radius: 25px;
	-webkit-border-top-right-radius: 25px;
	-moz-border-radius-topleft: 25px;
	-moz-border-radius-topright: 25px;
	border-top-left-radius: 25px;
	border-top-right-radius: 25px;

    border-top:5px solid #000000;
    border-left:5px solid #000000;
    border-right:5px solid #000000;

    min-height:65px;
}
.toplogo
{
	width:250px;
}
.topwonder
{
	height:65px;
}
.topwonder img{
	vertical-align:bottom;
    border:0;
    margin-left:300px;
    height:65px;
}
.whitebox_pad
{
	padding-left:20px;
    padding-right:20px;
}

.whitebox
{
	padding:20px 40px 30px 40px;
    background-color:#ffffff;
    -webkit-border-radius: 25px;
	-moz-border-radius: 25px;
	border-radius: 25px;
}
.meet_wonders_arrow
{
	margin-top:10px;
    margin-left:90px;
}
.play_arrow
{
	margin-top:90px;
}
.playpad
{
	padding-right:0px;
}

h1
{
    font-family: 'Ubuntu', sans-serif;
	font-size:2.5em;
    font-weight:bold;
    color:#db3d3a;
    margin-top:0px;
    margin-left:0px;
    text-align:center;
}
h2
{
	font-family: 'Ubuntu', sans-serif;
    font-size:2.5em;
    font-weight:bold;
    color:#a1dbdd;
    margin-top:0px;
    margin-left:0px;
    text-align:center;
}
h3
{
	font-family: 'Ubuntu', sans-serif;
    font-size:2.0em;
    font-weight:bold;
    color:#f57620;
    margin-top:0px;
    margin-left:0px;
    text-align:center;
}
.title1
{
	font-family: 'Ubuntu', sans-serif;
    font-size:2.0em;
    font-weight:bold;
    color:#000000;
    margin-top:0px;
    margin-left:0px;
    text-align:center;
}
.title2
{
	font-family: 'Ubuntu', sans-serif;
    font-size:1.6em;
    font-weight:bold;
    color:#000000;
    margin-top:0px;
    margin-left:0px;
    text-align:center;
}
.title3
{
	font-family: 'Ubuntu', sans-serif;
    font-size:1.6em;
    font-weight:400;
    color:#000000;
    margin-top:0px;
    margin-left:0px;
    text-align:center;
}
.fgreen
{
    color:#97cc64;
}
.fred
{
    color:#db3d3a;
}
.fblue
{
    color:#a1dbdd;
}
.forange
{
    color:#f57620;
}
.w1
{
    font-size:large;
    font-weight:bold;
    color:#d73936;
    margin:0px 0px 0px 0px;
}
.red
{
    color:#d73936;
    text-align:left;
}
p
{
    font-family: 'Ubuntu', sans-serif;
	font-size:1.3em;
    font-weight:normal;
}
a {
    color: #000000;
    text-decoration: none;
}
a:hover {
    color: #db3d3a;
    text-decoration: none;
}
a {
    background-color: transparent;
}
.no_marg
{
    margin:0px 0px 0px 0px;
}
.bg1
{
    background-image:url(/simg/bg1.gif);
    background-repeat:repeat-x;
}
.img-border{
    border-radius:15px;
    -moz-border-radius:15px;
    -webkit-border-radius:15px;
    border:0px solid #ffffff;
}
.wondergif
{
	margin-top:7px;
    margin-left:7px;
}

#tophead
{
	float:left;
	position:relative;
    top:13px;
    left:0px;
}
#topright
{
    position:relative;
    top:3px;
    left:0px;
    text-align:center;
}
.leftborder
{
    background-image:url(/simg/side_l.gif);
    background-repeat:repeat-y;
    width:18px;
}
.rightborder
{
    background-image:url(/simg/side_r.gif);
    background-repeat:repeat-y;
    width:16px;
}
.leftwin1
{
    background-color:#a0dadc;
    text-align:left;
}
.leftwin1 p
{
	font-size:0.8em;
    font-weight:bold;
    text-align:center;
    margin-top:0px;
}
.partwin1
{
    background-color:#a0dadc;
}
.rightwin1
{
    background-color:#a0dadc;
}
.rbroundbox
{
	width: 335px;
	background-color:#ffffff;
}
.rbroundboxc
{
    background: url(/simg/wr_tl.gif) no-repeat top left;
    width: 578px;
	background-color:#ffffff;
}
.rbtop
{
	background: url(/simg/wr_tr.gif) no-repeat top right;
}
.rbbot div
{
	background: url(/simg/wr_bl.gif) no-repeat bottom left;
}
.rbbot
{
	background: url(/simg/wr_br.gif) no-repeat bottom right;
}
.rbtop div, .rbtop, .rbbot div, .rbbot
{
	height: 27px;
    overflow:hidden;
}
.rbcontent
{
	padding:8px;
}
.rbcontent p, .rbcontent li
{
    font-size:small;
    color:#000000;
}
.rbcontent a
{
    text-decoration:none;
}
.rbcontent a:hover
{
    font-size:small;
    font-weight:bold;
    color:#df3939;
    text-decoration:underline;
}
.footer, .footer2
{
	padding-bottom:20px;
}
.footer
{
	color:#000000;
    font-size:1em;
    font-weight:700;
}
.footer2
{
	color:#000000;
    font-size:1em;
    font-weight:400;
}
.footer a:hover {
    color: #db3d3a;
    text-decoration: none;
}
.footer a {
    background-color: transparent;
}
.footer_pad
{
	padding-top:20px;
	padding-left:20px;
    padding-right:20px;
}
.redf
{
	color:#ff0000;
}
.proditem
{
    font-size:small;
    color:#000000;
    text-align:left;
}
.catitem
{
    font-size:small;
    font-weight:bold;
    color:#000000;
    text-align:left;
    margin:0px 0px 0px 0px;
}
.catitem a
{
    color:#000000;
    text-decoration:none;
}
.catitem a:hover
{
    color:#000000;
    text-decoration:underline;
}
.formheader
{
    font-size:small;
    font-weight:bold;
    color:#000000;
    background-color:#e4e8e8;
}
.formfieldname
{
    font-size:small;
    color:#000000;
    background-color:#e4e8e8;
    width:30%;
}
.formfielddata
{
    font-size:small;
    color:#000000;
}
.bshead
{
    font-size:small;
    color:#000000;
    background-color:#a0dadc;
}
.bsitem
{
    font-size:small;
    color:#000000;
}
.bstotal
{
    font-size:small;
    color:#000000;
    /*background-color:#a0dadc;*/
}
.bsitem a
{
    font-size:small;
    color:#0000ff;
    text-decoration:none;
}
.bsitem a:hover
{
    font-size:small;
    color:#ff0000;
    text-decoration:none;
}
.bsreview
{
    font-size:small;
    color:#ff0000;
    text-decoration:none;
}
.lpad
{
    margin-right:20px;
}
.lpad2
{
    margin-right:100px;
}
#scrollbox1
{
    scrollbar-3dlight-color:#009900;
    scrollbar-arrow-color:#f15906;
    scrollbar-base-color:#97cc64;
    scrollbar-darkshadow-color:#009900;
    scrollbar-face-color:#97cc64;
    scrollbar-highlight-color:palegreen;
    scrollbar-shadow-color:#000000;
    color: #000;
    padding:10px;
    width:280px;
    height:124px;
    overflow:auto;
    text-align:left;
    margin-top:4px;
}
#scrollbox2
{
    scrollbar-3dlight-color:#009900;
    scrollbar-arrow-color:#f15906;
    scrollbar-base-color:#97cc64;
    scrollbar-darkshadow-color:#009900;
    scrollbar-face-color:#97cc64;
    scrollbar-highlight-color:#97cc64;
    scrollbar-shadow-color:#000000;
    color: #000;
    padding:10px;
    width:210px;
    height:124px;
    overflow:auto;
    text-align:left;
    margin-top:4px;
}
.greyinput
{
    color:#666666;
    margin-bottom:5px;
    margin-left:5px;
}
.delivery1
{
    font-size:small;
    color:#ff0000;
    text-decoration:none;
    text-align:center;
}

.listtext
{
	clear:both;
	font-size:small;
    font-weight:bold;
    text-align:center;
    margin-top:0px;
    margin-left:52px;
}
.priceline
{
    vertical-align:middle;
}
.buyline
{
    vertical-align:middle;
    padding-left:30px;
}
#basketsm
{
    height:90px;
}
#basketp
{
    position:relative;
    top:-65px;
    left:0px;
    margin-top:0px;
    margin-left:0px;
    font-size:x-small;
    font-weight:bold;
    color:#df3939;
    text-align:center;
}
.baskettop
{
    position:relative;
    top:10px;
    left:0px;
}
#basketp a
{
    color:#df3939;
    font-weight:bold;
    text-decoration:none;
}
#basketp a:hover
{
    color:#000000;
    font-weight:bold;
    text-decoration:underline;
}
.redstar
{
	color:#ff0000;
    font-size:small;
}
#sitemap, #sitemap a
{
    text-align:left;
    font-size:small;
    color:#000000;
    text-decoration:none;
}
#sitemap li
{
    margin-bottom: 10px;
}
#sitemap li ul li
{
    margin-bottom: 2px;
}
.sitemapl
{
    margin-top:0px;
    margin-bottom:0px;
}
.prodpics
{
    margin-top:15px;
}
.prodpics img
{
    border:1px solid #cccccc;
    margin-right:3px;
}

/****** home styling ******/
.home_promo
{
	width:200px;
	padding:10px;
    background-color:#ffffff;
    margin-bottom:20px;
    color:#ff0000;
}
.socialbox
{
	padding-top:20px
}
.social_t
{
	padding:0px;
	margin:0px 0px 0px 0px;
}
.social_t li
{
	float:left;
	padding:0px 10px 0px 0px;
	margin:0px;
    list-style-type:none;
}
.social_icon
{
	height:60px;
}
.social_t a
{
	color:#000000;
    font-size:1.2em;
    text-decoration:none;
    vertical-align:middle;
}

.pad20
{
	padding-top:20px;
}
.pad50
{
	padding-top:50px;
}
.pad100
{
	padding-top:100px;
}
.award_arrow
{
	float:left;
    margin-left:50px;
    margin-top:30px;

}
.awards
{
	float:left;
}
.awards img
{
	width:125px;
    border-radius:15px;
    -moz-border-radius:15px;
    -webkit-border-radius:15px;
    border:0px solid #ffffff;
}

/****** Twitter ******/
.customisable-border {
    border: 1px solid #ffffff;
}
.twitter-timeline {
    height: 315px;
}
iframe.twitter-timeline {
    height: 315px !important;
}
.playlist_colouring
{
	width:700px;
	margin-left:auto;
    margin-right:auto;
    padding:0px;
}
.playlist_colouring li
{
	list-style-type:none;
    float:left;
	margin:10px;
}

.medialist_screenshot
{
	width:640px;
	margin-left:auto;
    margin-right:auto;
    padding:0px;
}
.medialist_screenshot li
{
	list-style-type:none;
    float:left;
	margin:10px;
}

.standard_li
{
	clear:both;
	font-family: 'Ubuntu', sans-serif;
    font-size:1.1em;
    padding:0px;
    margin:0px;
    display: inline-block;
	text-align:left;
}
.standard_li li
{
	list-style-type:none;
    font-size:1.6em;
}

.awards_li
{
	clear:both;
	font-family: 'Ubuntu', sans-serif;
    font-size:1.1em;
    padding:20px;
    margin:0px;
    display: inline-block;
	text-align:left;
}
.awards_li li
{
	float:left;
	list-style-type:none;
}

.font_bold, .font_bold li
{
	font-weight:700;
}

.slick-center img {
	/*height: 250px;*/
  	width: auto;
  	transition: all 0.8s ease-in-out;
}
.slider1
{
	width:320px;
	height:320px;
    padding-top:5px;
}
.slider1 img
{
    margin-left:7px;
}
.slider1 .slick-slide img
{
	margin-left:10px;
}
.slider1.slick-slider {
	margin-bottom:0px;
}
.slider2
{
	width:125px;
    height:125px;
    padding-top:5px;
}


.button_1
{
	background-color:#f57620;
    border-radius: 10px 10px 10px 10px;
	-moz-border-radius: 10px 10px 10px 10px;
	-webkit-border-radius: 10px 10px 10px 10px;
	border: 0px solid #000000;
    color:#ffffff;
    padding:10px;
}
.button_1:hover
{
    color:#ffff00;
}

.press_box1 img
{
	padding-top:70px;
}

.wonders_bggreen
{
	background-color:#97cc64;
}

/****** form styling ******/
.formfill label
{
 	text-align:left;
}
.formfill .formheader
{
	padding:5px;
}
.formfill p
{
	font-size:1.3em;
}
label
{
	font-size:1.3em;
}

@media(max-width: 1025px){
	.meet_wonders_arrow{ display:none; }
}

@media(max-width: 1024px){
	.toplogo {  width:200px; }
    .boxborder_home {  width:260px; min-height:260px; }
    .boxborder_home img {  width:240px; }
    .slider1 { width:260px; height:260px; padding-top:5px; }
    .meet_wonders_arrow{ width:140px; }
    .m_image { width:260px; }
    .press_box1 img { padding-top:10px; }
    .award_arrow{ margin-left:0px; width:70px; }
    .twitter-timeline { height: 260px; }
}



@media(max-width: 769px){
    .m_image { width:200px; }
    .m_movie { width:200px; height:113px; }
    /*.navbar > .navbar-collapse { background:#ffffff; }*/
    .boxfill { display:none; }
    .whitebox { padding: 20px 10px 20px 10px; }

    .boxborder_home {  width:200px; min-height:200px; }
    .boxborder_home img {  width:180px; }

    .award_arrow{ margin-left:0px; width:70px; }
    .topwonder img{ margin-left:50px; }
    .meet_wonders_arrow{ display:none; }
    .play_arrow{ display:none; }
    .foot_sitemap {margin-right:0px;}
    .social_t {	padding:0px; margin:0px 0px 0px 50px; }

    .navbar-default .navbar-nav > li.top_basket { margin-left:10px; }

    .playlist_colouring	{ width:200px; margin:0px; padding:0px; }
    .playlist_colouring img	{ width:190px; }
    .menu_button { float:right; }
    .menu_arrow { display:block; float:right;margin-right:30px; margin-top:8px; }
    .press_box1 img { padding-top:10px; }

    .slider1 { width:200px; height:200px; padding-top:5px; }

    .medialist_screenshot {	width:220px; }

     .mpad20 { padding-top: 20px; }

   	.boxfill_left { display:none; }
    .boxfill_right { display:none; }

    .twitter-timeline { height: 200px; }

    .checkout_w1 { width:90px; }
    .checkout_w2 { width:140px; }


    /*.col-xs-12 { padding-left:5px; padding-right:5px; }*/
    /*.row{ padding-left:5px; padding-right:5px; }*/
}

@media (max-width: 991px) {
    .navbar-header {
        float: none;
    }
    .navbar-toggle {
        display: block;
    }
    .navbar-collapse {
        border-top: 1px solid transparent;
        box-shadow: inset 0 1px 0 rgba(255,255,255,0.1);
    }
    .navbar-collapse.collapse {
        display: none!important;
    }
    .navbar-nav {
        float: none!important;
        margin: 7.5px -15px;
    }
    .navbar-nav>li {
        float: none;
    }
    .navbar-nav>li>a {
        padding-top: 10px;
        padding-bottom: 10px;
    }
    .navbar-text {
        float: none;
        margin: 15px 0;
    }
    /* since 3.1.0 */
    .navbar-collapse.collapse.in {
        display: block!important;
    }
    .collapsing {
        overflow: hidden!important;
    }
    .award_arrow
	{
	    float:none;
	}
	.awards
	{
	    float:none;
	}
    .slider2
	{
	    margin-left:auto;
        margin-right:auto;
	}


    .twitter-timeline { height: 200px; }

    .menu_button { float:right; }
    .menu_arrow { display:block; float:right;margin-right:30px; margin-top:8px; }
}