/* @import url('reset.css'); */ 
@import url('/bootstrap.min.css');
@import url('/bootstrap-responsive.min.css');
body {
	
	font-family:  arial;
	padding:0;
	margin:0;
	
	
}

#wbody {
    background-color: #ffffff;
    font-family: Verdana,Tahoma,Arial,Sans-Serif;
    font-size: 8pt;
    margin-left: auto;
    margin-right: auto;
    width: 1080px;
}
#main-nav-wrapper
{
    width: 100%;
    height: 6px;
    float: left;
    margin: 0 0 1em 0;
    padding: 0;
    background-color: #99CCFF;
    border-bottom: 1px solid #ccc;
    z-index: 100;
    text-indent: 5px;
}
ul#main-nav
{   width: 800px;
    margin-left: 300px;
    position: relative;
   margin-top: 6px;
   
}
ul#main-nav li {
	float: left;
	position: relative;
	margin-left: -20px;
	display: inline;
}
ul#main-nav li a {
	position: relative;
	width: 110px;
	height: 29px;
	display: block;
	background-image: url('../images/tabs.png');
	background-position: center center;
	color: #44403b;
	text-decoration: none;
	font-size: 14px;
	padding-top: 12px;
	text-align: left;
	padding-left: 30px;
	font-weight: bold;
}
ul#main-nav li.policys a {
	position: relative;
	width: 140px;
	height: 29px;
	display: block;
	background-image: url('../images/tabs170.png');
	background-position: center center;
	color: #44403b;
	text-decoration: none;
	font-size: 14px;
	padding-top: 12px;
	text-align: left;
	padding-left: 30px;
	font-weight: bold;
}
ul#main-nav li.current170 a {
	position: relative;
	width: 140px;
	height: 29px;
	display: block;
	background-image: url('../images/tabs170.png');
	background-position: center center;
	color: #44403b;
	text-decoration: none;
	font-size: 14px;
	padding-top: 12px;
	text-align: left;
	padding-left: 30px;
	font-weight: bold;
}
ul#main-nav li.contact a {
	background-image: url('../images/tab-home.png');
}

ul#main-nav li.current a {
	background-position: bottom;
	color: #ffffff;
}
ul#main-nav li.current170 a {
	background-position: bottom;
	color: #ffffff;
	width: 140px;
}
ul#main-nav li a:hover {
	background-position: top;
	color: #ffffff;
}
ul#main-nav li.policys a:hover {
	background-position: top;
	color: #ffffff;
}
ul#main-nav li.current a:hover {
	background-position: bottom; /*To Prevent the Current tab from changing colour on hover*/
	color: #ffffff;
}
ul#main-nav li.current170 a:hover {
	background-position: bottom; /*To Prevent the Current tab from changing colour on hover*/
	color: #ffffff;
	width: 140px;
}
ul#main-nav li.current {
	z-index: 99;
}
ul#main-nav li.current170 {
	z-index: 99;
}
ul#main-nav li.home {
	z-index: 93;
}
ul#main-nav li.courses {
	z-index: 94;
}
ul#main-nav li.eshop {
	z-index: 95;
}
ul#main-nav li.about {
	z-index: 96;
}
ul#main-nav li.policys {
	z-index: 97;
}
ul#main-nav li.contact {
	z-index: 98;
}
#main-content-wrapper
{
  
    width: 100%;
  
/*    position: absolute;*/
    top: 0px;
    left: 0px;
    padding-bottom: 75px; /* This value is the height of your footer */
}

#leftmenu-wrapper
{
    position:absolute;
    
    float: left;
    width: 280px;
    
    top: 10px;
    
}
#leftside
{

    position: relative;
    top: 15px;
    left: 15px;
   
}

#pagecontent-wrapper
{  float: left;
   margin-left: 300px;
   width:770px;
     position: relative;
 
    top: 65px;
    

}


#slideshow
{
    margin: 0px auto;
    position: relative;
    width: 600px;
    height: 150px;
    padding: 10px;
    box-shadow: 0 0 20px rgba(0,0,0,0.4);
    left: 0px;
}

#slideshow > div { 
    position: absolute; 
    top: 10px; 
    left: 10px; 
    right: 10px; 
    bottom: 10px; 
}
#footer
{
    clear:both;
    width: 1080px;
    position: relative;
    bottom: -100px;
    background-color: #D9D3D3;
    border-top: 2px solid #6C6C6C;
    text-align: center;
    padding: 4px 0px;
    border-top-style: solid;
    border-bottom-style: solid;
    border-top-width: 2px;
    border-bottom-width: 2px;
    border-top-color: #6C6C6C;
    border-bottom-color: #6C6C6C;
   
}
div.bottomtext {
    font-family: arial;
    font-size: 8pt;
}
A
{
}
A A:link
{
    COLOR: black;
    TEXT-DECORATION: none
}
A A:visited
{
    COLOR: black;
    TEXT-DECORATION: none
}
.A
{
    COLOR: blue
}
A
{
    COLOR: black;
    TEXT-DECORATION: none
}
A:visited
{
    COLOR: black
}
A:hover
{
    FONT-WEIGHT: bold;
    COLOR: black
}
img	{
	border: none;
}
table{
	font-size: 9pt;
}

.CCC-signupform label {
    display: inline-block;
    width: 175px;
    padding-left:20px;
    
}
.CCC-signupform input {
    width:390px;
    height:25px;
    font-size:9pt;
    
}
.ui-autocomplete { height: 200px; overflow-y: scroll; overflow-x: hidden;}    


/*boxes */
.box {
	MARGIN: 10px 0px 0px; WIDTH: 625px; BACKGROUND: url(images/cart_box_bg.jpg) repeat-y; OVERFLOW: hidden; PADDING-TOP: 00px
}
.boxtop {
	WIDTH: 625px; BACKGROUND: url(images/cart_box_top.jpg) no-repeat; HEIGHT: 24px; COLOR: #ffffff; FONT-SIZE: 12px; FONT-WEIGHT: bold; PADDING-TOP: 4px
}
.boxtop P {
	PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; FLOAT: left; PADDING-TOP: 0px
}
/*boxes */
.box750 {
	MARGIN: 10px 0px 20px; WIDTH: 750px; BACKGROUND: url(images/cart_box_bg750.jpg) repeat-y; OVERFLOW: hidden; PADDING-TOP: 00px
}
.boxtop750 {
	WIDTH: 750px; BACKGROUND: url(images/cart_box_top750.jpg) no-repeat; HEIGHT: 24px; COLOR: #ffffff; FONT-SIZE: 12px; FONT-WEIGHT: bold; PADDING-TOP: 4px
}
.boxtop750 P {
	PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; FLOAT: left; PADDING-TOP: 0px
}

/* dividers */

.horizontal_divider {
	PADDING-BOTTOM: 0px;  PADDING-LEFT: 0px; PADDING-RIGHT: 0px; BACKGROUND: url(images/top_nav_divider.gif) repeat-x 50% top; PADDING-TOP: 0px
}
.horizontal_divider_solid {
	BORDER-BOTTOM: #cccccc 1px solid; PADDING-BOTTOM: 0px; MARGIN: 0px 0px 5px 15px; PADDING-LEFT: 0px; WIDTH: 490px; PADDING-RIGHT: 0px; HEIGHT: 1px; PADDING-TOP: 0px
}
.horizontal_divider_summary {
	BORDER-BOTTOM: #cccccc 1px solid; PADDING-BOTTOM: 0px; MARGIN: 10px 0px 15px; PADDING-LEFT: 0px; WIDTH: 200px; PADDING-RIGHT: 0px; HEIGHT: 1px; PADDING-TOP: 0px
}
.horizontal_divider_summary_item {
	BORDER-BOTTOM: #cccccc 1px solid; PADDING-BOTTOM: 0px; MARGIN: 1px 0px 1px; PADDING-LEFT: 0px; WIDTH: 200px; PADDING-RIGHT: 0px; HEIGHT: 1px; PADDING-TOP: 0px
}

.leftmenu hr 
{
    margin: 3px 0px; 
}




/* cart nagigation */

#cart_nav {
	BORDER-BOTTOM: #434343 1px dotted; PADDING-BOTTOM: 4px; FLOAT: right
}
#cart_nav A {
	PADDING-LEFT: 10px; FONT: bold 12px arial; BACKGROUND: url(images/arrows_link.gif) no-repeat left 5px; COLOR: #5e5e5e; MARGIN-RIGHT: 12px; TEXT-DECORATION: none
}
#cart_nav A:hover {
	COLOR: #394d7f
}
#cart_nav A.selected {
	COLOR: #394d7f
}
#cart_nav SPAN {
	PADDING-LEFT: 10px; FONT: bold 12px arial; BACKGROUND: url(images/arrows_link-disabled.gif) no-repeat left 5px; COLOR: #999999; MARGIN-RIGHT: 12px; TEXT-DECORATION: none
}



/* cart content */
#cart_content SPAN#progress_bar_copy {
	DISPLAY: none
}
#cart_content IMG#progress_bar_image {
	DISPLAY: none
}
#cart_content IMG#progress_bar_image {
	VERTICAL-ALIGN: -45%
}
#cart_content IMG {
	DISPLAY: block
}
#cart_content P {
	MARGIN-BOTTOM: 6px
}

#cart_content
{
    margin: 0px 0px 0px 20px;
    padding-bottom: 10px;
    padding-left: 30px;
    width: 885px;
    padding-right: 25px;
    background: url(images/content_box_bg.gif) repeat-y;
    padding-top: 10px;
}
#cart_content table{
    word-wrap:break-word;

}
#cart_content table td{white-space: normal;}

/* order summary */




#order_summary_top {
	WIDTH: 229px; BACKGROUND: url(images/cart_box_summary_top.jpg) no-repeat; HEIGHT: 21px; COLOR: #ffffff; FONT-SIZE: 12px; FONT-WEIGHT: bold; PADDING-TOP: 4px
}

#order_summary_content
{
   
    padding-bottom: 15px;
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 15px;
}
#order_summary_content ul
{margin:0;
padding:0;

  
    list-style: none;
   
}

/* moving container */


.floata
{
   width:220px;
   float:right;
   margin-right:10px;
   height:800px; 
   position:relative; }


.movingContainer {
    position: absolute;
    width: 230px;
}
    .Jas_SC_R_Area{
    padding: 0px;
    border: 1px solid #C8C8C8;
    border-radius: 5px;
    background: #fff;
   
    margin-bottom: 20px;

 /*   width:270px; */
   }


/* product */
.product {
	PADDING-BOTTOM: 15px; PADDING-LEFT: 0px;  PADDING-RIGHT: 0px; MARGIN-LEFT: 5px; FONT-SIZE: 10px; PADDING-TOP: 10px 
}
.product IMG {
	FLOAT: left; PADDING-LEFT: 5px;
}
.product INPUT {
	FONT-SIZE: 10px
}
.product_image {
	WIDTH: 100px; FLOAT: left; OVERFLOW: hidden; MARGIN-RIGHT: 10px
}

.product_text {
	WIDTH: 350px; FLOAT: left; MARGIN-RIGHT: 10px
}

.productPriceWrapRight {
	WIDTH: 120px; FLOAT: right;  
}
.product_qty {
	TEXT-ALIGN: center; WIDTH: 37px; FLOAT: left; HEIGHT: 20px; MARGIN-RIGHT: 8px
}
.product_qty INPUT {
	MARGIN: 0px auto
}
.product_price {
	TEXT-ALIGN: center; WIDTH: 86px; FLOAT: left; HEIGHT: 30px; MARGIN-LEFT: 5px
}


/* Buttons */
.generic-button {
    line-height: 32px;
    font-size:15px;
    text-decoration:none;
    font-weight:bold;
    color:#FFFFFF !important;
    cursor:pointer;
    vertical-align: middle;
    text-align: center;
    height: 35px;
    width: 187px;
    display: block;
    background-image: url('/images/button-normal.png');
}

.generic-button:hover 
{
    text-decoration:none;
    background-image: url('/images/button-hover.png');
}

.generic-button:active 
{
    text-decoration:none;
    background-image: url('/images/button-hit.png');
}
.processbutton 
{
line-height: 32px;
font-size: 15px;
text-decoration: none;
font-weight: bold;
color: #FFF !important;
cursor: pointer;
vertical-align: middle;
text-align: center;
height: 35px;
width: 187px;
display: block;
    text-decoration:none;
    background-image: url('/images/processing.png');
}
.processbutton:hover
{
 text-decoration:  none !important;
}
.add-to-cart-button-new {
    background-image: url('/images/add-to-cart.png');
    background-repeat: no-repeat;
    background-position: top right;
    float: left;
    height: 27px;
    width: 108px;
    cursor: pointer;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    -khtml-border-radius: 3px;
}

.add-to-cart-button-new:hover
{
    background-image: url('/images/add-to-cart-hover.png');
    background-color: white;
    text-decoration: none;
}

.add-to-cart-button-new:active
{
    background-image: url('/images/add-to-cart-active.png');
    text-decoration: none;
}



.button {
    background: url("../images/btn-left.gif") no-repeat left top;
    display: block;
    float: left;
    font-size: 12px;
    font-weight: bold;
    cursor: pointer!important;
}
.button span {
    background: url("../images/btn-right.gif") no-repeat right top;
    display: block;
    padding: 5px 8px 12px;
    white-space: nowrap;
}

.button2 {
    background: url("../images/btn2-right.gif") no-repeat right top;
    display: block;
    float: left;
    font-size: 11px;
    font-weight: bold;
    color: #828282;
    text-transform: uppercase;
    padding-right: 9px;
    cursor: pointer!important;
}
.button2 span {
    background: url("../images/btn2-left.gif") no-repeat left top;
    display: block;
    padding: 5px 1px 10px 10px;
    text-align: center;
    white-space: nowrap;
}
.button-green {
    background: url("../images/btn-green-left.gif") no-repeat left top;
    display: block;
    float: left;
    height: 39px;
    font-size: 11px;
    font-weight: bold;
    color: #000;
    text-transform: uppercase;
    cursor: pointer!important;
}
.button-green span {
    background: url("../images/btn-green-right.gif") no-repeat right top;
    display: block;
    height: 39px;
    padding: 10px 14px 10px 11px;
    text-align: center;
    color: #000;
    font-weight: bold;
    white-space: nowrap;
}
.button-green:hover span {
    text-decoration: underline;
}



.myButtonbl {
	-moz-box-shadow: 0px 1px 0px 0px #f0f7fa;
	-webkit-box-shadow: 0px 1px 0px 0px #f0f7fa;
	box-shadow: 0px 1px 0px 0px #f0f7fa;
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #33bdef), color-stop(1, #019ad2));
	background:-moz-linear-gradient(top, #33bdef 5%, #019ad2 100%);
	background:-webkit-linear-gradient(top, #33bdef 5%, #019ad2 100%);
	background:-o-linear-gradient(top, #33bdef 5%, #019ad2 100%);
	background:-ms-linear-gradient(top, #33bdef 5%, #019ad2 100%);
	background:linear-gradient(to bottom, #33bdef 5%, #019ad2 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#33bdef', endColorstr='#019ad2',GradientType=0);
	background-color:#33bdef;
	-moz-border-radius:8px;
	-webkit-border-radius:8px;
	border-radius:8px;
	border:1px solid #057fd0;
	display:inline-block;
	cursor:pointer;
	color:#ffffff;
	font-family:arial;
	font-size:15px;
	font-weight:bold;
	padding:6px 24px;
	text-decoration:none;
	text-shadow:0px -1px 0px #5b6178;
}
.myButtonbl:hover {
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #019ad2), color-stop(1, #33bdef));
	background:-moz-linear-gradient(top, #019ad2 5%, #33bdef 100%);
	background:-webkit-linear-gradient(top, #019ad2 5%, #33bdef 100%);
	background:-o-linear-gradient(top, #019ad2 5%, #33bdef 100%);
	background:-ms-linear-gradient(top, #019ad2 5%, #33bdef 100%);
	background:linear-gradient(to bottom, #019ad2 5%, #33bdef 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#019ad2', endColorstr='#33bdef',GradientType=0);
	background-color:#019ad2;
	 text-decoration: none;
	 color: #ffffff;
}
.myButtonbl:active {
	position:relative;
	top:1px;
	 text-decoration: none;
	 color: #ffffff;
}


   #modalajax {
        display: none;
        position: absolute;
        top: 45%;
        left: 45%;
        width: 64px;
        height: 64px;
        padding:30px 15px 0px;
        border: 3px solid #ababab;
        box-shadow:1px 1px 10px #ababab;
        border-radius:20px;
        background-color: white;
        z-index: 1002;
        text-align:center;
        overflow: auto;
    }
   #fadeajax {
        display: none;
        position:fixed;
        top: 0%;
        left: 0%;
        width: 100%;
        height: 100%;
        background-color: #ababab;
        z-index: 1001;
        -moz-opacity: 0.8;
        opacity: .70;
        filter: alpha(opacity=80);
    }



/* shopping info area */
.shopping_info {
	BORDER-BOTTOM: #cccccc 1px solid; BORDER-LEFT: #cccccc 1px solid; PADDING-BOTTOM: 10px; LINE-HEIGHT: 13px; MARGIN-TOP: 50px; PADDING-LEFT: 10px; WIDTH: 850px; PADDING-RIGHT: 10px; BACKGROUND: #efefef; FONT-SIZE: 10px; BORDER-TOP: #cccccc 1px solid; BORDER-RIGHT: #cccccc 1px solid; PADDING-TOP: 10px
}
.shopping_info H3 {
	MARGIN-BOTTOM: 1px; FONT-SIZE: 10px
}
.shopping_info P {
	MARGIN-BOTTOM: 20px !important
}
.shopping_info_left {
	WIDTH: 250px; FLOAT: left; MARGIN-RIGHT: 20px
}
.shopping_info_right {
	BORDER-LEFT: #cccccc 1px solid; PADDING-LEFT: 30px; WIDTH: 230px; FLOAT: left
}
/*clear fixes and floats */

.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}
.clearfix {
    display: inline-block;
}
/*\*/* html .clearfix {
    height: 1%}
.clearfix {
    display: block;
}
/**/.clear {
    clear: both;
}

.clear
{
    clear: both;
    height: 0;
}


.fl {
    float: left;
}
.fr {
    float: right;
}


.floatright {
	FLOAT: right
}


#wrapper
{
border:none;
}
.menu {
 list-style: none outside none !important;
 margin: 10px auto 0 !important;
 width: 560px !important;
}	
.menu ul 
{
    border:none;
}
#wrapper .ui-helper-clearfix:after, #wrapper .ui-widget-header ,#wrapper .ui-helper-clearfix:after
{border:none !important;
 content:"" !important;
 
 padding: 0;
}
#wrapper .ui-state-active, #wrapper .ui-widget-content, #wrapper .ui-state-active,#wrapper .ui-widget-header,#wrapper .ui-state-active,#wrapper  .ui-state-default,#wrapper  .ui-widget-content,#wrapper  .ui-state-default,#wrapper  .ui-widget-header,#wrapper  .ui-state-default
{
    border:0 !important;
    background:"" !important;
    }
.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default 
{ background:"" !important;
    }
    
#wrapper .ui-helper-clearfix:after
{display:none;}

.menu li {
 float: left !important; 
 position: relative !important;
 top:0 !important;
 margin:0 !important;
}
.menu li:first-child:before,
.menu li:first-child a:before,
.menu li:last-child:after,
.menu li:last-child a:after,
.menu .ui-state-active:after,
.menu .ui-state-active:before,
.menu .ui-state-active a:after,
.menu .ui-state-active a:before {
 content: "" !important;
}	
.menu li:before,
.menu li:after,
.menu li a:before,
.menu li a:after {
 position: absolute !important;
 bottom: 0 !important;
}
.menu li:before,
.menu li:after {
 background: #2f2f2f !important;
 width: 10px !important;
 height: 10px !important;
}
.menu li:before {
 left: -10px !important;
}
.menu li:after {
 right: -10px !important;
}	
.menu li:last-child a {
 border-radius:0px 15px 0 0 !important;
 -webkit-border-radius:0px 15px 0 0 !important;
 -moz-border-radius:0px 15px 0 0 !important;
 -khtml-border-radius:0px 15px 0 0 !important;		
}
.menu li:first-child a {
 border-radius:15px 0px 0 0 !important;
 -webkit-border-radius:15px 0px 0 0 !important;
 -moz-border-radius:15px 0px 0 0 !important;
 -khtml-border-radius:15px 0px 0 0 !important;		
}
.menu a {
 outline:none !important;
 float: left !important;
 padding: 10px 20px !important;
 text-decoration: none !important;
 color:#fff !important;
 text-shadow:1px 1px 1px #000 !important;
 background:#4b4b4b;
 background: -webkit-gradient(linear, left top, left bottom, from(#4b4b4b), to(#2f2f2f)) !important; /* for webkit browsers */
 background: -moz-linear-gradient(top,  #4b4b4b,  #2f2f2f) !important; /* for firefox 3.6+ */
 background-image: -o-linear-gradient(#4b4b4b, #2f2f2f) !important; /* opera gradient */
 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#4b4b4b', endColorstr='#2f2f2f') !important; /* for IE7 */
 -ms-filter: "progid:DXImageTransform.Microsoft.gradient (GradientType=0, startColorstr=#4b4b4b, endColorstr=#2f2f2f)" !important; /* IE8 + */
}
.menu li:first-child.ui-state-active a:before,
.menu li:last-child.ui-state-active a:after {
 background:#fff !important;
}
.menu li a:after,
.menu li a:before {
 width: 20px !important;
 height: 20px !important;
 -webkit-border-radius: 10px !important;
 -moz-border-radius:    10px !important;
 border-radius:         10px !important;
 background: #fff !important;
 z-index: 2 !important;
 }	
.menu li a:before {
 left: -20px !important;
}
.menu li a:after {
 right: -20px !important;
}
/* .ui-state-active tab */
.menu .ui-state-active {
 z-index: 3 !important;
}
.menu .ui-state-active a {
 background:#39B5E8 !important;
 background: -webkit-gradient(linear, left top, left bottom, from(#39B5E8), to(#0481B1)) !important; /* for webkit browsers */
 background: -moz-linear-gradient(top,  #39B5E8,  #0481B1) !important; /* for firefox 3.6+ */
 background-image: -o-linear-gradient(#39B5E8, #0481B1) !important; /* opera gradient */
 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#39B5E8', endColorstr='#0481B1') !important; /* for IE7 */
 -ms-filter: "progid:DXImageTransform.Microsoft.gradient (GradientType=0, startColorstr=#39B5E8, endColorstr=#0481B1)" !important; /* IE8 + */
 color:#fff;
}	
.menu .ui-state-active a:after,
.menu .ui-state-active a:before {
 background:#3d3d3d !important;
 background: -webkit-gradient(linear, left top, left bottom, from(#3d3d3d), to(#2f2f2f)) !important; /* for webkit browsers */
 background: -moz-linear-gradient(top,  #3d3d3d,  #2f2f2f) !important; /* for firefox 3.6+ */
 background-image: -o-linear-gradient(#3d3d3d, #2f2f2f) !important; /* opera gradient */
 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#3d3d3d', endColorstr='#2f2f2f') !important; /* for IE7 */
 -ms-filter: "progid:DXImageTransform.Microsoft.gradient (GradientType=0, startColorstr=#3d3d3d, endColorstr=#2f2f2f)" !important; /* IE8 + */
}
.menu .ui-state-active:before,
.menu .ui-state-active:after {
 background:#0481B1 !important; 
 z-index: 1 !important;
}
/* content */
.menu_content {
 background:#0481B1;
 width:610px;

 padding:10px 10px;
 
 border-radius:5px 5px 5px 5px;
 -webkit-border-radius:5px 5px 5px 5px;
 -moz-border-radius:5px 5px 5px 5px;
 -khtml-border-radius:5px 5px 5px 5px;
 box-shadow:2px 2px 3px #000;
}
.ui-tabs-hide {
 display:none;
}

/* customer loginoverlay */


#login-overlay {
    background: url('../images/login-overlay-b488.png') bottom left no-repeat;
    width: 488px;
    position: absolute;
    left:0px;

    top: -55px;
   
    z-index: 2;
    padding-bottom: 5px;
}

#login-overlay{
	display:block;
	margin:auto  auto 10px  auto;
	position:relative;
	top:-5px;
}


#login-overlay-inner {
    background: url('../images/login-overlay-t488.png') 0 0 no-repeat;
    height: 9px;
    overflow: hidden;
    padding: 10px 25px;
    z-index: 2;
    font-size: 11px;
  
}
#login-overlay-inner.open {
    height: 90px;
}
#login-overlay form {
    margin-top: -5px;
}
#login-overlay input {
    width: 180px;
}
#login-overlay .top {
    padding: 0 0 5px 130px;
    background: url('../images/existing.png') no-repeat;
}
#login-overlay .top a {
    text-decoration: underline;
}
#login-overlay .button {
    background: url("../images/btn2-lo-left.gif") no-repeat left top!important;
}
#login-overlay .button span {
    background: url("../images/btn2-lo-right.gif") no-repeat right top!important;
    padding-right: 10px;
}
#login-overlay .recover {
    padding-left: 12px;
    background: url('../images/gray-arrow-right-g.gif') no-repeat 0 3px;
}

/* checkout form */

#register {
    width: 720px;
    position: relative;
  
}

#register p{
    font-size: 11px;
    width: 500px;
}

#register label.checkbox
{
    float: left;
    width: 600px;
    padding-top: 12px;
    padding-bottom: 12px;
}
#register label span
{position: relative;
   
    float: left;
    width: 180px;
 
   z-index:4;
}
#register label.checkbox span
{
      width: 550px;
    padding-left: 10px;
    padding-right: 10px;
}
#register label.checkbox input {
    float: left;
    width: auto;
}
#register label {
    
    
    position: relative;
    margin: 3px 0;
  
    display: block;
    float: left;
    clear: both;
    margin: 2px 0;
    width: 600px;
   
}

#register label select {
    width: 205px;
}
#register label select.small {
    width: 50px;
}
#register label select.middle {
    width: 70px;
}
#register label a span {
    width: auto;
    float: none;
}
#register label a {
    margin-left: 10px;
    position: relative;
    top: -2px;
}
#register label input.text 
{
     display: block;
    float: left;
    width: 200px;
}
#register div.sep {
    background: url("../images/section-shadow.gif") repeat-x bottom;
    line-height: 1px;
    clear: both;
    height: 10px;
    margin: -3px 0 8px;
    float: left;
    width: 375px;
    position: relative;
    left: -10px;
}
#register label.sep {
    background: url("../images/section-shadow.gif") repeat-x bottom;
    position: relative;
    left: -10px;
    padding-left: 10px;
    padding-bottom: 8px;
    margin-bottom: 5px;
}

#register p.sep
{  
}

.CCCplaceholder:hover
{display:none;
}


#FinaliseContent span.CCCrequiredSymbol {
color:#CF0002;
padding-top: 0;
padding-bottom: 0;
padding-left: 3px;
padding-right: 3px;
}
#FinaliseContent span.CCCplaceholder {
 color: gray;
    position: absolute;
    left: 5px;
    top: 4px;
    z-index: 1;
}

#FinaliseContent label {
    position: relative;
}


#FinaliseContent input[type="text"]:focus, input[type="text"]:active, input[type="text"].active {
    z-index: 2;
}

#FinaliseContent label input[type="text"] {
    position: relative;
}
#FinaliseContent div.CBContactWrapper,#FinaliseDelivery, #FinalisePayment {
    display: inline-block;
    width: 440px;
    vertical-align: top;
}
#FinaliseDelivery div.x-iscompany {
  padding: 10px;
 
}
#FinaliseDelivery div.x-iscompany label {
  position:static;
 
}
#FinaliseContent span.inputCheckboxLabel {
    display: block;
    margin: 0px 0px 0px 25px;
}


#FinaliseContent fieldset.CBFieldsetNameRow div.deliveryFirstname,
#FinaliseContent fieldset.CBFieldsetNameRow div.deliveryLastname,
#FinaliseContent fieldset.CBFieldsetAddress div.deliveryPostcode,
#FinaliseContent fieldset.CBFieldsetAddress div.deliveryStateId,
#FinaliseContent fieldset.CBFieldsetExpire div.paymentCardValidToMonth,
#FinaliseContent fieldset.CBFieldsetExpire div.paymentCardValidToYear,
#FinaliseContent fieldset.CBFieldsetAddRow div.addname,
#FinaliseContent fieldset.CBFieldsetAddRow div.addemail

    {
    width: 40.5%;
    display: inline-block;
}


#FinaliseContent fieldset.CBFieldsetAddress div.deliveryCountryId  
{
    padding-bottom:15px;
}

#FinaliseContent fieldset.CBFieldsetAddress div.deliveryStateId select.inputSelect,
#FinaliseContent fieldset.CBFieldsetExpire div.paymentCardValidToMonth select.inputSelect,
#FinaliseContent fieldset.CBFieldsetExpire div.paymentCardValidToYear select.inputSelect
 {
width:190px;
}

#FinaliseContent input.inputCheckbox,
 #FinalisePayment div.blockContent div.CBLabelOverlay div.radio input {
    margin-top: 1px;
}
#FinaliseContent input.inputCheckbox,
 #FinaliseContent input.inputCheckboxRequired,
  #FinaliseContent input.inputCheckboxError {
    float: left;
    width: auto;
}

#FinaliseContent div.CBLabelOverlay input.medium {
    width: 100%;
}

#FinaliseContent fieldset div.CBLabelOverlay {
    margin: 3px 0px 0px 3%;
    width: 94%;
}

#FinaliseContent div.CBLabelOverlay input.half
 {
      width: 180px;
}

#FinaliseContent div.CBLabelOverlay input.large
 {
    width: 375px;
}

 #FinaliseContent div.CBLabelOverlay input.medium {
    width: 250px;
}
#FinaliseContent legend {
display:block;
border-style: none;
font-size:110%;
line-height: 25px;
font-weight:700;
margin-top: 0;
margin-bottom: 0;
margin-left: 0;
margin-right: 0
padding-top: 0;
padding-bottom: 0;
padding-left: 0;
padding-right: 0
}

#FinaliseContent h1{
    font-size: 22px;
}



/*


fffffffffffffffffffffffffff
ffffffffffffffffffffffffff
fffffffffffffffffffffffff
fffffffffffffffffffffffff



*/


#cleverPayment {
    display: inline-block;
    width: 430px;
    vertical-align: top;
}
#cleverPayment ul.CBPaymentsList {
    list-style: none outside none;
    margin: 0;
    padding: 0;
}
#cleverPayment li.CBListItem {
    border: 0 none;
    padding: 0 0 20px;
}
#cleverPayment div.radio {
    width: 290px;
}
#cleverPayment div.blockContent div.CBLabelOverlay div.radio label {
    width: 190px;
}
#cleverPayment div.CBPaymentIconsList {
    width: 150px;
}

#FinalisePaymentList {
    margin: 10px 0;
}






#cleverPayment li.CBListItem h2 {
    display: none;
}
#cleverPayment li.CBListItem div.CBPaymentName {
    display: inline-block;
    vertical-align: top;
}
#cleverPayment div.radio {
    display: inline-block;
    padding-top: 5px;
    vertical-align: top;
    width: 190px;
}
#cleverPayment div.CBPaymentIconsList {
    display: inline-block;
    width: auto;
}

#cleverTextCompletePurchase, #cleverSubmitPurchase {
float:right;
width:200px;
padding-bottom:20px;
}
.ip p {
    text-indent: 10px;
} 

/* invalid input */
.bvalidator_gray3_invalid {
	background-color: #fcf8e3 !important;
}
/* error message */
.bvalidator_gray3_errmsg {
	font-size: 14px;
	display: none;
	white-space: nowrap;
	padding-top: 2px;
	padding-bottom: 2px;
	padding-left: 5px;
	font-family: Arial, Helvetica, sans-serif;
	border: 1px solid #666666;
	-webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.5);
	-moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.5);
	box-shadow: 0 5px 10px rgba(0, 0, 0, 0.5);
	z-index: 1010;
	background: #c6c6c6; /* Old browsers */
	background: -moz-linear-gradient(top,  #c6c6c6 0%, #3f3f3f 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#c6c6c6), color-stop(100%,#3f3f3f)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #c6c6c6 0%,#3f3f3f 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #c6c6c6 0%,#3f3f3f 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #c6c6c6 0%,#3f3f3f 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #c6c6c6 0%,#3f3f3f 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c6c6c6', endColorstr='#3f3f3f',GradientType=0 ); /* IE6-9 */
	color: #FFF;
}
/* close icon */
.bvalidator_gray3_errmsg .bvalidator_gray3_close_icon {
	margin-left: 5px;
	margin-top: -2px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 15px;
	cursor: pointer  color: #000000;
	text-shadow: 0 1px 0 #000;
	opacity: 0.7;
	filter: alpha(opacity=70);
	color: #FF0;
}
.bvalidator_gray3_errmsg .bvalidator_gray3_close_icon:hover {
	color: #FF0;
	text-decoration: none;
	cursor: pointer;
	opacity: 1;
	filter: alpha(opacity=100);
}
/* arrow */
.bvalidator_gray3_errmsg .bvalidator_gray3_arrow {
	display: block;
	height: 0;
	width: 0;
	position: absolute;
	left: 10px;
	border-color: transparent;
	border-top-color: #3F3F3F;
	border-width: 10px 10px 0 10px;
	border-style: solid;
	bottom: -10px;
}
.bvalidator_gray3_errmsg .bvalidator_gray3_arrow:after {
	position: absolute;
	top: -10px;
	left: -11px;
	border-width: 11px 11px 0 11px;
	content: "";
	z-index: -1;
	display: block;
	width: 0;
	height: 0;
	border-color: transparent;
	border-style: solid;
	border-top-color: rgba(0, 0, 0, 0.8);
	z-index:-1;
}
/* message container  */
.bvalidator_gray3_errmsg .bvalidator_gray3_cont1 {
	display: inline-block;
	vertical-align: middle;
	margin: 5px;
}