Body { font-family: 'Helvetica Neue',Helvetica,Arial,sans-serif; background:url(/site/DefaultSite/skins/Billie/images/background-image-18-3-15.jpg) fixed 0 0; width:100%; font-size:12px; margin:0px; background-repeat:no-repeat; -webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;}

.checkout-header { font-weight:bold; font-size:1.4em; padding:4px; margin-bottom:10px; color:#FFF; background:url(/site/DefaultSite/skins/Billie/images/GreyBG.png) repeat; width:300px; z-index:4;}


/* this h3 is used for the accordion function */
h2 { margin:0px; padding:4px; color:#FFF; float:left; z-index:4; background-color:#7a7673; width:932px}
h3 { background: url("/site/DefaultSite/skins/Billie/images/GreyBG.png") repeat scroll 0 0 transparent;
    color: #FFFFFF;
    float: right;
    margin: 0 0 10px;
    padding: 4px;
    width: 932px;
    z-index: 4; } 
.register { margin:10px 155px 20px 0px !important; padding:4px; color:#FFF; float:right; width:300px; font-size:14px; }
/* END */

.container_12,
.container_16 {
	margin-left: auto;
	margin-right: auto;
	width: 960px;
	background:#FFF;
	z-index:1;
	overflow:auto;
}
#mainContainer
{
    background-color: #FFFFFF;
    margin: 0 auto;
    overflow: hidden !important;
    padding: 10px;
    position: relative;
    width: 940px;
}

ul{
	list-style-type: none;
	}
/* CSS Document */

A:link, A:visited{
border-style: none; 
} 

A:hover{
border-style: none; 
}

A img
{border:none;}


/* Colour Palate START
#676461 - Dark Grey
#4d4d4d - Light Grey
#1450b3 - Blue

Colour Palate END */
.Background {
    clear: both;
    margin-top: 28px;}
.ProductBackground { overflow: hidden !important;}
.mensBackground { overflow: hidden !important;}
.womensBackground {overflow: hidden !important;}
.kidsBackground { overflow: hidden !important; }
.babiesBackground { overflow: hidden !important; }

.holder { float:left;}

/*Products Details Page*/
.Name { background:#7b7774; font-size:16px; height:24px; padding:3px 8px 3px 4px; font-weight:bolder; color:#FFF; margin:0px 0px 2px 0px;}
.Price { background:#5a5551; font-size:16px; height:24px; padding:2px 0px 0px 4px; font-weight:bolder; color:#FFF; width:150px; margin:5px 0px 2px 0px;}
.Sizes { background:#5a5551; font-size:16px; height:24px; padding:2px 0px 0px 4px; font-weight:bolder; color:#FFF; width:184px; margin:5px 0px 2px 0px;}
.BackButton{ background:#5a5551; font-size:16px; height:24px; padding:2px 0px 0px 4px; font-weight:bolder; color:#FFF; width:184px; margin:0px 0px 2px 0px;}
.BackButton a:Link { color: #FFF; text-decoration: none; }
.BackButton a:Visited { color: #FFF; text-decoration: none; }
.BackButton a:Active { color: #FFF; text-decoration: none; }
.BackButton a:Hover { color: #FFF; text-decoration: none }
.ContentRegion {}

.FooterLogo { float:right; width:105px; margin:10px 0px 0px 0px;}
.sitefooter {     background-color: #FFFFFF;
    color: #666666;
    font-family: Verdana,Geneva,sans-serif;
    font-size: 10px;
    margin: 0 auto;
    padding: 10px 0;
    text-align: center;
    width: 960px;
	clear: both;
	position: relative;}

.sitefooter A:link, .sitefooter A:visited, .sitefooter A:active{
	font-family: verdana, Arial, Helvetica, sans-serif;
	color:#666666;
	font-size:10px;
	font-weight:none;
	line-height:18px;
	}

.sitefooter A:hover {
	font-family: verdana, Arial, Helvetica, sans-serif;
	color:#cccccc;
	font-size:10px;
	font-weight:none;
	}
	
	
	
	
	
.sitefooter .FooterText { padding:10px 0px 0px 10px; color:#ffffff; font-size:10px;}
.sitefooter .FooterText a:Link { color:#fffffff; text-decoration:none; }
.sitefooter .FooterText a:Visited { color:#ffffff; text-decoration:none;}
.sitefooter .FooterText a:Active { color:#ffffff; text-decoration:none; }
.sitefooter .FooterText a:Hover { color:#cccccc; text-decoration:none;}

/*Products Listing Custom Jquery Scroll Bar Style*/
.jScrollPaneContainer {position: relative; overflow: hidden; z-index: 1;}
.jScrollPaneContainer A { outline:none; }
.jScrollPaneContainer A:Link { color: #FFF; text-decoration: none; }
.jScrollPaneContainer A:Visited { color: #FFF; text-decoration: none; }
.jScrollPaneContainer A:Active { color: #FFF; text-decoration: none; }
.jScrollPaneContainer A:Hover { color: #FFF; text-decoration: none }
.jScrollPaneTrack { position: absolute; cursor: pointer; right: 0; top: 0; height: 100%; background: #aaa; }
.jScrollPaneDrag { position: absolute; background: #ef201f; cursor: pointer; overflow: hidden; }
.jScrollPaneDragTop { position: absolute; top: 0; left: 0; overflow: hidden; }
.jScrollPaneDragBottom { position: absolute; bottom: 0; left: 0; overflow: hidden;}
a.jScrollArrowUp { display: block; position: absolute; z-index: 1; top: 0; right: 0; text-indent: -2000px; overflow: hidden; /*background-color: #666;*/ height: 9px;}
a.jScrollArrowUp:hover { /*background-color: #f60;*/ }
a.jScrollArrowDown { display: block; position: absolute; z-index: 1; bottom: 0; right: 0; text-indent: -2000px; overflow: hidden; /*background-color: #666;*/ height: 9px; }
a.jScrollArrowDown:hover { /*background-color: #f60;*/ }
a.jScrollActiveArrowButton, a.jScrollActiveArrowButton:hover { /*background-color: #f00;*/}
a.jScrollArrowUp { background:url(/site/DefaultSite/skins/Billie/images/basic_arrow_up.gif) repeat-x 0 0;}
a.jScrollArrowUp:hover { background-position: 0 -15px;}
a.jScrollArrowDown { background: url(/site/DefaultSite/skins/Billie/images/basic_arrow_down.gif) repeat-x 0 0;}
a.jScrollArrowDown:hover {background-position: 0 -15px;}
a.jScrollActiveArrowButton, a.jScrollActiveArrowButton:hover {background-position: 0 -30px;}

.scroll-pane {width: 470px; height:400px; overflow: auto; float: left;}
.wide { width: 400px; }
.super-wide { width: 700px; }
.tall {height: 400px;}
#pane2 {height: 400px;}

/* Gallery Styling */
#jquery-overlay { position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; }
#jquery-lightbox { position: absolute; top: 0; left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0;}
#jquery-lightbox a img { border: none; }
#lightbox-container-image-box { position: relative; background-color: #fff; width: 250px; height: 250px; margin: 0 auto;}
#lightbox-container-image { padding: 10px; }
#lightbox-loading { position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0;}
#lightbox-nav { position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10;}
#lightbox-container-image-box > #lightbox-nav { left: 0; }
#lightbox-nav a { outline: none;}
#lightbox-nav-btnPrev, #lightbox-nav-btnNext { width: 49%; height: 100%; zoom: 1; display: block;}
#lightbox-nav-btnPrev {  left: 0;  float: left;}
#lightbox-nav-btnNext {  right: 0; float: right;}
#lightbox-container-image-data-box { font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100%; padding: 0 10px 0;}
#lightbox-container-image-data { padding: 0 10px; color: #666; }
#lightbox-container-image-data #lightbox-image-details { width: 70%; float: left; text-align: left; }	
#lightbox-image-details-caption { font-weight: bold; }
#lightbox-image-details-currentNumber { display: block;  clear: left;  padding-bottom: 1.0em;	}			
#lightbox-secNav-btnClose { width: 66px;  float: right; padding-bottom: 0.7em;	}

/* `Grid >> Global
----------------------------------------------------------------------------------------------------*/

.grid_1,
.grid_2,
.grid_3,
.grid_4,
.grid_5,
.grid_6,
.grid_7,
.grid_8,
.grid_9,
.grid_10,
.grid_11,
.grid_12,
.grid_13,
.grid_14,
.grid_15,
.grid_16 {
	display: inline;
	float: left;
	margin-left: 10px;
	margin-right: 10px;
}

.container_12 .grid_3,
.container_16 .grid_4 {width: 220px;}

.container_12 .grid_6,
.container_16 .grid_8 {width: 460px;
}

.container_12 .grid_9,
.container_16 .grid_12 {width: 700px;
}

.container_12 .grid_12,
.container_16 .grid_16 {width: 768px;
}

/* `Grid >> Children (Alpha ~ First, Omega ~ Last)
----------------------------------------------------------------------------------------------------*/
.HomePageText {margin-left: 0; margin-right: 0; height:238px; width:940px; position:absolute; top:740px; left: inherit; z-index:4; }


.DefaultPageText {margin-left: 0; margin-right: 0; background-color:#676461; height:400px; width:540px; float:right; filter:alpha(opacity=80) gray; -moz-opacity:0.8; -khtml-opacity: 0.8; opacity: 0.8; position:relative; top:-300px; left:0px; z-index:4; }
.alphaOmegaContent {
	color: #ffffff;
    margin-right: 0;
    position: absolute;
    right: 10px;
    top: 53px;
    width: 481px;
    z-index: 0;
	}
	
	.alphaOmegaContent-password{
	color: #FFFFFF;
    margin-right: 0;
    position: relative;
    right: 10px;
    top: 0;
    width: 481px;
    z-index: 0;
	}
	
	
.alphaOmegaContent A:Link { color: #FFF; text-decoration: none; }
.alphaOmegaContent A:Visited { color: #FFF; text-decoration: none; }
.alphaOmegaContent A:Active { color: #FFF; text-decoration: none; }
.alphaOmegaContent A:Hover { color: #FFF; text-decoration: none }
.Content {background: url("/site/DefaultSite/skins/Billie/images/GreyBG.png") repeat scroll 0 0 rgba(0, 0, 0, 0);
    float: right;
    padding: 10px;
    width: 460px; }
.alphaOmegaProducts {left: inherit;
    margin-left: 5px;
    margin-right: 0;
    margin-top: 21px;
    top: 210px;
    width: 940px;
    z-index: 4;}
.alphaOmegaProductsDetails { margin-top:90px; margin-left: 0; margin-right: 0;}
.alphaOmegaProductsText { margin-top:100px; margin-left: 0; margin-right: 0; padding-left:30px;}

.CategoryHeding {margin-left: 0; margin-right: 0; margin-bottom:20px; margin-top:40px;}
.ContentHeader { clear: both;
    color: #FFFFFF;
    height: 30px;
    margin-left: 0;
    margin-right: 0;
    position: absolute;
    top: 0;
    width: 940px;
    z-index: 4;}
	
	.ContentHeader-password { clear: both;
    color: #FFFFFF;
    height: 30px;
    margin-left: 0;
    margin-right: 0;
    position: relative;
    top: 0;
    width: 940px;
    z-index: 4;}
	
	
.Header {color: #FFFFFF;
    left: inherit;
    margin-left: 0;
    margin-right: 0;
    top: 140px;
    z-index: 4;}

.alphaOmega {margin-left: 0; margin-right: 0;}
.alpha {margin-left: 0;}
.omega {margin-right: 0;}

/* `Grid >> 12 Columns
----------------------------------------------------------------------------------------------------*/

.container_12 .grid_1 {width: 60px;}
.container_12 .grid_2 {width: 140px;}
.container_12 .grid_4 {width: 200px;}
.container_12 .grid_5 {width: 390px;}
.container_12 .grid_7 {width: 540px;}
.container_12 .grid_8 {width: 620px;}
.container_12 .grid_10 {width: 780px;}
.container_12 .grid_11 {width: 860px;}



/* `Prefix Extra Space >> Global
----------------------------------------------------------------------------------------------------*/

.container_12 .prefix_3,
.container_16 .prefix_4 {padding-left: 240px;}

.container_12 .prefix_6,
.container_16 .prefix_8 {padding-left: 480px;}

.container_12 .prefix_9,
.container_16 .prefix_12 {padding-left: 720px;}

/* `Prefix Extra Space >> 12 Columns
----------------------------------------------------------------------------------------------------*/

.container_12 .prefix_1 {padding-left: 80px;}

.container_12 .prefix_2 {padding-left: 160px;}

.container_12 .prefix_4 {padding-left: 320px;}

.container_12 .prefix_5 {padding-left: 400px;}

.container_12 .prefix_7 {padding-left: 560px;}

.container_12 .prefix_8 {padding-left: 640px;}

.container_12 .prefix_10 {padding-left: 800px;}

.container_12 .prefix_11 {padding-left: 880px;}


/* `Suffix Extra Space >> Global
----------------------------------------------------------------------------------------------------*/

.container_12 .suffix_3,
.container_16 .suffix_4 {padding-right: 240px;}

.container_12 .suffix_6,
.container_16 .suffix_8 {padding-right: 480px;}

.container_12 .suffix_9,
.container_16 .suffix_12 {padding-right: 720px;}

/* `Suffix Extra Space >> 12 Columns
----------------------------------------------------------------------------------------------------*/

.container_12 .suffix_1 {padding-right: 80px;}
.container_12 .suffix_2 {padding-right: 160px;}
.container_12 .suffix_4 {padding-right: 320px;}
.container_12 .suffix_5 {padding-right: 400px;}
.container_12 .suffix_7 {padding-right: 560px;}
.container_12 .suffix_8 {padding-right: 640px;}
.container_12 .suffix_10 {padding-right: 800px;}
.container_12 .suffix_11 {padding-right: 880px;}

/* `Clear Floated Elements
----------------------------------------------------------------------------------------------------*/

/* http://sonspring.com/journal/clearing-floats */

.clear {clear: both; display: block; overflow: hidden; visibility: hidden; width: 0; height: 0;}

/* http://www.positioniseverything.net/easyclearing.html */

.clearfix:after {clear: both; content: '.';display: block; visibility: hidden; height: 0; }

.clearfix { display: inline-block; }

* html .clearfix { height: 1%; }

.clearfix {display: block;}



.category A:link, .category a:visited{
	background-color: #0154bc;
    color: #FFFFFF;
    display: block;
    font-family: Verdana,Arial,Helvetica,sans-serif;
    font-size: 12px;
    height: 18px;
    padding-bottom: 3px;
    padding-top: 4px;
    text-align: center;
    text-decoration: none;
    width: 90px;

}

.category A:hover, .categorySelected{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight:none;
	text-align:left;
  	font-size: 12px;    
  	color: #494748;
	text-decoration : none;
	padding-top:4px;
	padding-bottom:3px;
	text-align:center;
	display:block;
	height:17px;
	width:90px;
	background-color:#000000;
}

/* Newsletter Styles */
.newsfont {
	color: #000;
	font-family:Arial, Helvetica, sans-serif;

}
.emailheader {
	color: #000;
	font-family:Arial, Helvetica, sans-serif;
}
.emailfooter {
	color: #000;
	font-family:Arial, Helvetica, sans-serif;
	font-size:9px;
}

.emailfooter a {
	color: #000;
	font-family:Arial, Helvetica, sans-serif;
	font-size:9px;
	text-decoration: underline;
}
#payment-icons{
 margin: -33px 12px !important;
    position: absolute !important;
    right: 0 !important;
    width: 160px!important;
}

.stockist-table a{
	display:block;
	height:100%;
	width:100%;	
}