

body {
	margin: 0px;
	padding: 0px;
	background-color: #000000 !important;
	background-attachment: fixed;
}

.Cleaner {
	clear: both;
}

.CleanerLeft {
	clear: left;
}

#Wrap {

}

#WebSite {
	margin: 0px auto;
	width: 970px;
	clear: both;
	padding: 0px 0px 0px 0px;
}

#Header {
	float: left;
	width: 960px;
	padding: 18px 0px 17px 0px;
	margin: 0px 5px 0px 5px;
}

#Menu {
	clear: both;
	margin: 0px 0px 4px 0px;
	height: 45px;
	background: url(../images/menu/shine_100.png) no-repeat;
	overflow: hidden;
}

#Glow {
	opacity: 0;
	background: url(../images/menu/glow.png) no-repeat;
	position: absolute;
	width: 106px;
	height: 9px;
	display: block;
	margin: 34px;
	
}

#Glow.active {
	visibility: visible;
}

#Glow.inactive {
	visibility: hidden;
}

#Content_Home {

	margin: 20px 0px 0px 0px;
}

#Footer {
	
	width: 100%;
}

/* --- Start of MainMenu Styles --- */

.MainMenu {
	background: url(../images/menu/black/mainmenu_50.png) no-repeat;
	height: 45px;
	font: bold 14px 'Arial', 'Arial';
	text-transform: uppercase;
}

#MainMenu ul {
	list-style-type: none;
	margin: 0px;
	padding: 0px 0px 0px 2px;
}

#MainMenu ul li {
	display: inline;
	padding: 0px 0px 0px 0px;
	margin: 0px;
	background: url(../images/menu/menubullet.png) left 5px no-repeat;
	float: left;
}

#MainMenu ul li.first {
	background: none;
	padding: 0px 0px 0px 0px;
	
}

#MainMenu ul li a {
	display: block;
	text-decoration: none;
	padding: 11px 10px 11px 10px;
	margin: 4px -3px 0px 4px;
	color: #C7C7C7;
	text-shadow: 1px 1px 1px rgba(0,0,0,0.5);
	-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=1, Direction=135, Color=#333333)";		
}

#MainMenu ul li a:hover {
	text-decoration: none;
	color: #82B1ED;
}

/* --- Start of Search form Styles --- */

#searchform {
	display: block;
	margin: 0px 6px 0px 0px;
	padding: 9px 5px 3px 3px;
	font-weight: bold;
	float: right;
}

#ArticleContent #searchform {
	float: left;
}


#searchform #s:focus {
	background: url(../images/forms/black/search_input_40.png);
	background-repeat: no-repeat;
	color: #FFFFFF;
}


#searchform #s {
	background: url(../images/forms/white/search_input_30.png);
	background-repeat: no-repeat;
	border: none;
	padding: 4px 2px 4px 7px;
	width: 153px;
	font-family: Arial;
	font-size: 12px;
	margin: 0px -4px 5px 0px;
	height: 20px;
	color: #FFFFFF;
}


#searchform div {
	display: inline;
}

#searchform #searchsubmit {
	background: url(../images/buttons/white/search_butt_50.png) no-repeat;		
	width: 64px;
	padding: 7px 0px 7px 0px;
	border: 0px;
	height: 28px;
	font: 10px 'Arial', 'Arial';
	text-transform: uppercase;
	color: #383838;	
}

#searchform #searchsubmit.hover {
	background: url(../images/buttons/white/search_butt_20.png) no-repeat;		
	color: #FFFFFF;	
}


#searchform .screen-reader-text {
	display: none;
}

/* --- Start of DropDown form Styles --- */

.DropDown {

	*width: 200px;
	display: none;
	position: absolute;
	left: 0px; 
	top: 0px;
	z-index: 3;
	margin: 26px 0px 0px 15px;
	*margin: 26px 0px 0px 0px;
}

.DDTitle {
	background: url(../images/dropdown/black/dd_topright_90.png) right bottom no-repeat;			
	padding:  0px 10px 0px 0px;
	font: bold 14px/14px Arial;
	text-transform: uppercase;
	display: block;
		
}

.DDTitleContent {
	background: url(../images/dropdown/black/dd_topleft_90.png) left bottom no-repeat;			
	padding: 6px 0px 6px 0px;
	cursor: pointer;
	display: block;
}

.DDTitleContent a {
	text-decoration: none;
	
}

.DDContent {
	padding: 0px 0px 0px 6px;
	margin: 0px 0px 0px 0px;
	
	background: url(../images/dropdown/black/dd_bottomleft_90.png) left bottom no-repeat;			
	display: block;
	*width: 200px;
}

.DDContent ul {
	margin: 0px;
	display: block;
	list-style-type: none;
	background: url(../images/dropdown/black/dd_bottomright_90.png) right bottom no-repeat;			
	padding: 2px 10px 10px 4px;
	float: left;
	*width: 180px;
}

.DDContent ul li ul {
	background: none;
	padding: 0px;
	float: left;

}

.DDContent ul li ul li {

}

.DDLink{
	color: #82B1ED;
	font: bold 11px Arial;
	padding: 6px 5px 6px 6px;
	margin: 0px;
	*margin: -1px 0px 0px 0px;
	display: block;
	text-decoration: none;
	text-transform: uppercase;		
	width: 160px; /* width of a column */
	*width: 170px;

}

.DDLink:hover {
	background: #1479C7;
	color: #FFFFFF;
}

/* --- Start of Buttons Styles --- */

.Button {
	font: 10px 'Arial', 'Arial';
	text-transform: uppercase;
	text-decoration: none;
	background: url(../images/buttons/black/buttl_20.png) left top no-repeat transparent;
	padding: 7px 0px 6px 10px;
	color: #FFFFFF;	
}
#ArticleContent p a.Button {
  background-color: transparent;
}

/* ---- yak plugin ---- */

.Button_yak {
	font: 10px 'Arial', 'Arial';
	text-transform: uppercase;
	text-decoration: none;
	background: url(../images/buttons/buttl_80.png) left top no-repeat transparent;
	padding: 0px 0px 6px 10px;
	color: #FFFFFF;	
	float:left;
	margin: 10px 0px 0px 0px;
}

.Button_yak button {
	padding: 6px 10px 6px 0px;
	background: url(../images/buttons/buttr_80.png) right top no-repeat transparent;
	border: 0px;
	font: 10px 'Arial', 'Arial';
	color: #FFFFFF;	
}

.Button_yak_on {
	font: 10px 'Arial', 'Arial';
	text-transform: uppercase;
	text-decoration: none;
	padding: 0px 0px 6px 10px;
	background: url(../images/buttons/buttl_on.png) left top no-repeat transparent;
	color: #383838;
	float: left;
	margin: 10px 0px 0px 0px;
}

.Button_yak_on button {
	padding: 6px 10px 6px 0px;
	border: 0px;
	background: url(../images/buttons/buttr_on.png) right top no-repeat transparent;
	font: 10px 'Arial', 'Arial';
	color: #383838;		
}

.Button_yaknormal {
	font: 10px 'Arial', 'Arial';
	text-transform: uppercase;
	text-decoration: none;
	background: url(../images/buttons/buttl.png) left top no-repeat transparent;
	padding: 7px 0px 6px 10px;
	color: #FFFFFF;	
	margin: 0px 0px 0px 0px;
}

.Button_yaknormal button {
	padding: 6px 10px 6px 0px;
	background: url(../images/buttons/buttr.png) right top no-repeat transparent;
	border: 0px;
	font: 10px 'Arial', 'Arial';
	color: #FFFFFF;	
}

.Button_yaknormal_on {
	font: 10px 'Arial', 'Arial';
	text-transform: uppercase;
	text-decoration: none;
	padding: 7px 0px 6px 10px;
	background: url(../images/buttons/buttl_on.png) left top no-repeat transparent;
	color: #383838;
	margin: 0px 0px 0px 0px;
}

.Button_yaknormal_on button {
	padding: 6px 10px 6px 0px;
	border: 0px;
	background: url(../images/buttons/buttr_on.png) right top no-repeat transparent;
	font: 10px 'Arial', 'Arial';
	color: #383838;		
}


#shoppinglist1, .yak_order {
	font-size: 12px;
	font-family: Arial;
}

#shoppinglist1 th,  .yak_order th {
	text-transform: uppercase;
	color: #FFFFFF;
	padding: 10px 8px;
	font-weight: bold;
}

.tableheader {
	background: url(../images/yak/tableheader.png) repeat-x #C7C7C7;
}

#shoppinglist1 td,  .yak_order td {
	padding: 5px 8px;
	font-weight: bold;
	vertical-align: middle;
}

#shoppinglist1 .yak_numeric,  .yak_order .yak_numeric {
	text-align: center;
}

table th.yak_small.first {
	font-size: 12px;
	font-family: Arial;
	font-weight: bold;
	padding: 10px 8px;
	background: url(../images/yak/lefttopcorner.png) left top no-repeat #C7C7C7;
	color: #FFFFFF;
}
table th.yak_small.last {
	font-size: 12px;
	font-family: Arial;
	font-weight: bold;
	padding: 10px 8px;
	background: url(../images/yak/righttopcorner.png) right top no-repeat #C7C7C7;
	color: #FFFFFF;
}

.yak_left .billingselect, .note {
	background-color: #f2f5f8;
	border-top: 1px solid #FFFFFF;
	border-bottom: 1px solid #FFFFFF;
	padding: 10px 8px;
}

.yak_left .spacer {
	height: 10px;
}

.billingselect #shipping_is_billing {
	width: auto;
	margin: -1px 10px 0px 0px;
}



span.yak_small {
	font-weight: normal;
	margin: 10px 0px;
	padding: 8px 0px;
	display: block;
}

table td.yak_small {
	font-size: 11px;
	font-family: Arial;
	padding: 10px 8px;
	line-height: 15px;
}

.yak_left {
	font-family: Arial;
}

table.yak_left {
	margin: 0px 0px 8px 0px;
	width: 100%;
}

.yak_left th {
	font-size: 12px;
	font-family: Arial;
	font-weight: bold;
	padding: 8px 5px;
	background-color: #C7C7C7;
	color: #FFFFFF;
	border-bottom: 8px solid #FFFFFF;
	
}

.yak_left td {
	font-size: 12px;
	font-family: Arial;
	font-weight: bold;
	padding: 0px 10px;
	font-size: 11px;
	text-transform: uppercase;	
	vertical-align: middle;
}

#shoppinglist1 .yak_total, .yak_order .yak_total, #shoppinglist1 .yak_total_price {
	color: #383838;
	border-top: 1px solid #FFFFFF;
	font-family: Museo;
	text-transform: uppercase;
	font-weight: normal;
	font-size: 14px;
	height: 35px;
	background: url(../images/yak/bottombg.png) repeat-x #FFFFFF;
}



#shoppinglist1 .odd {
	background-color: #f2f5f8;
}

#shoppinglist1 .first {
	background: url(../images/yak/lefttopcorner.png) left top no-repeat #C7C7C7;
}

#shoppinglist1 .last {
	background: url(../images/yak/righttopcorner.png) right top no-repeat #C7C7C7;
}

#shoppinglist1 .yak_total {
	background: url(../images/yak/leftbottomcorner.png) left bottom no-repeat #FFFFFF;
}

#shoppinglist1 .yak_total_price {
	text-align: center; 
	background: url(../images/yak/rightbottomcorner.png) right bottom no-repeat #FFFFFF;
	font-size: 17px;
}

.yak_deletebutt {
	text-align: right;
}

#RightColumn ul li#yak_order-3 {
	font-family: Arial;
	font-size: 12px;
	line-height: 18px;
	padding: 0px 0px 0px 5px;
}

#RightColumn ul li#yak_order-3 h2 {
	margin: 0px 0px 10px -5px;
}

.Button_yaknormal .yak_medium_button, .Button_yaknormal_on .yak_medium_button {
	width: auto;
}

#deletebutton {
	background: url(../images/bb/delete.png) center center no-repeat;
	margin: 0px;
	padding: 0px;
	
}
	
/* --- end yak plugin ---- */

a.Button.hover {
	background: url(../images/buttons/white/buttl_50.png) left top no-repeat transparent;
	color: #383838;
}

.Button span {
	padding: 7px 10px 6px 0px;
	background: url(../images/buttons/black/buttr_20.png) right top no-repeat transparent;
}

a.Button.hover span {
	background: url(../images/buttons/white/buttr_50.png) right top no-repeat transparent;
}

/* --- End of Buttons Styles --- */


/* --- Start of Header styles --- */

#Header .Logo {
	float: left;
	white-space:nowrap;
}

#Header .Logo img {
	float: left;
	float: left;
	padding: 0px 10px 0px 0px;	
}

#Header .Motto {
	color: #FFFFFF;
	font: bold 11px 'Arial', 'Arial';
	text-transform: uppercase;
	text-shadow: 1px 1px 1px #000000;
	float: left;
	padding: 5px 0px 1px 0px;
	vertical-align: middle;
}

#Twitter {
	background: url(../images/header/white/twitter.png) 0px center no-repeat;	
}

#Facebook {
	background: url(../images/header/white/facebook.png) 0px center no-repeat;		
}

#Linkedin {
	background: url(../images/header/white/linkedin.png) 0px center no-repeat;		
}

#Delicious {
	background: url(../images/header/white/delicious.png) 0px center no-repeat;		
}

#Stumble {
	background: url(../images/header/white/stumble.png) 0px center no-repeat;		
}

#Flickr {
	background: url(../images/header/white/flickr.png) 0px center no-repeat;		
}


#Twitter.hover{
	background: url(../images/header/white/twitter_on.png) 0px center no-repeat;	
}

#Facebook.hover {
	background: url(../images/header/white/facebook_on.png) 0px center no-repeat;		
}

#Linkedin.hover {
	background: url(../images/header/white/linkedin_on.png) 0px center no-repeat;		
}

#Delicious.hover {
	background: url(../images/header/white/delicious_on.png) 0px center no-repeat;		
}

#Stumble.hover {
	background: url(../images/header/white/stumble_on.png) 0px center no-repeat;		
}

#Flickr.hover {
	background: url(../images/header/white/flickr_on.png) 0px center no-repeat;		
}

.socialcontainer {
	margin: 0px 5px 0px 0px;
	float: right;
}

.sociallink {
	display: block;
	float: right;	
	margin: 0px 0px 0px 0px;
	white-space:nowrap;
	vertical-align: middle;
	padding: 12px 0px;
}

.sociallink a {
	text-shadow: 1px 1px 1px #000000;
	filter: Shadow(Color=#000000, Direction=135, Strength=1);	
	padding: 12px;
}

/* --- Start of Footer styles --- */

.FooterText {
	color: #FFFFFF;
	font: 11px 'Arial', 'Arial';
	text-align: center;
	display: block;
	padding: 0px 0px 15px 0px;
	margin: 0px auto;
}

.WebsiteFooterLink, .FooterText a {
	background-color: none;
	color: #FFFFFF;
	font-family: 'Arial', 'Arial';
}

.WebsiteFooterLink:hover, .FooterText a:hover {
	background-color: #FFFFFF;
	color: #383838;
	text-decoration: none;
}

.SmallLogo {
	/* background: url(../images/logos/logosmall.png) no-repeat;			*/
	padding: 15px 0px 0px 0px;
	display: block;
}

/* --- End of Footer styles --- */


.ui-slider {
	height: 22px;
	width: 24px;
	padding: 0 25px 0 5px;
	background: url(../images/icons/white/slider_20.png) center center no-repeat;
	float: right;
	margin: 19px 15px 18px 5px;
	
}

.styletype {
	float: right;
	font-size: 10px;
	font-family: Arial;
	color: #FFFFFF;
	padding: 24px 0px 0px 0px;
}

.ui-slider-handle {
	height: 22px;
	width:20px;
	position: relative;
	display: block;
	background: url(../images/icons/white/handle_20.png) center center no-repeat;
}

.ui-slider-handle:hover {
	background: url(../images/icons/white/handle_40.png) center center no-repeat;
}

.ui-slider-handle.rightpos, .ui-slider-handle.rightpos:hover {
	*left: 40%!important;
}



