﻿/* 
========================================================================
TEMPLATE.CSS
========================================================================
*/

html, body {height: 100%;}

/* --- Body - control position #container, allows centering of site -- */
body {
	background-color: #eaeae5;
}

#container {
	display: block;
	background-color: #FFFFFF;
	margin: 0;
	width: 975px;
	margin: 0 auto;
}

/* Contains rest of HTML */
#centrecontainer {
	margin: 5px 10px 10px 10px;
	padding: 0 0 20px 0;
}


/* --- Header section ------------------------------------------------ */
#header {
	margin: 0px;
	width: 100%;
}

#header {
	padding: 15px;
	float: left;
}
#title {
	padding: 15px;
	float: left;
    vertical-align:middle;    
	width: 470px;
}
#LogoImg {
  border:none;
  float:left;
  margin:5px;
}
#LogoText {
  color:#315B81;
  filter: Shadow(Color=#6283A6, Direction=135, Strength=5);
  font-size:350%;
  font-weight:bold;
  margin:5px 5px 10px 5px;
  padding:2px 2px 10px 2px;
  text-decoration:none;
  text-shadow:#6283A6 3px 3px 2px;
}
#title hr {
  color:6283A6;
  height:2px;
}
.LogoSubText{
  color:#6283A6;
  float:left;
  font-size:95%;
  font-weight:normal;
  padding:2px;
}
#securebanner {
  float:right;
  margin-right:25px;
}
#SecureTextLink {
  text-decoration:underline;
}

/* Top links */
#header2 .links {
	margin: 0px;
	padding: 5px 0;
	background: #EEEEEE;
	clear: both;
	position: relative;
}


#header2 .links li {
	list-style: none;
	display: inline;
	margin: 0px;
	padding: 0px;
}

#header2 .links a:link, #header2 .links a:visited {
	position: relative;
	text-decoration: none;
	color: #df2291;
	font: bold 11pt Arial, Helvetica, sans-serif;
	letter-spacing: -0.02em;
	margin: 0px 0;
	padding: 5px 8px;
}


#header2 .links a:hover, #header2 .links a:visited:hover {
	background: #DDDDDD;
}

#header2 .links2 a:link, #header2 .links2 a:visited
	{
	margin: 0px 10px 0px 0px;
	text-decoration: none;
	color: #666666;
	font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;
	font-size: 7.5pt;
	font-weight: bold;
	}


#header2 .links2 a:hover {
	color: black;
}

/* jQuery MegaMenu Plugin */
/*body {font-family: "Arial"; font-size: 13px; margin: 0px;}*/
ul.megamenu {background-color:#888;border-top:1px solid #888;border-bottom:1px solid #666;margin:0px auto;padding:5px 10px;list-style:none;display:none;}
ul.megamenu li.mm-item {}
ul.megamenu li {margin: 0px; padding: 0px;}
ul.megamenu li.clear-fix {float: none; clear: both; margin: 0px; padding: 0px; height: 0px; font-size: 0px; line-height: 0px;}
ul.megamenu div {width:auto;max-width:930px;}
ul.megamenu a.mm-item-link:link, ul.megamenu a.mm-item-link:visited {position:relative;display:inline-block;color:#FFF;padding:8px 15px;margin:0px 3px 0px 0px;text-decoration:none;z-index:10;font-size:14px;border-top:1px solid transparent;border-left:1px solid transparent;border-right:1px solid transparent;}
*html ul.megamenu a.mm-item-link:link, *html ul.megamenu a.mm-item-link:visited {border-color: pink; filter: chroma(color=pink);}
ul.megamenu a.mm-item-link-hover:link, ul.megamenu a.mm-item-link-hover:visited {color:#444;background:#FFF;border-top:1px solid #777;border-left:1px solid #777;border-right:1px solid #777;-moz-border-radius:3px 3px 0px 0px;border-radius:3px 3px 0px 0px;}
ul.megamenu div.mm-item-content {background:#FFF;padding:0px;position:absolute;border:1px solid #777;z-index:9;}
.mm-content-base {background: #FFF; position: relative; z-index: 11; padding: 10px;}
.mm-js-shadow {background: #555; position: absolute; z-index: 10;}
/* jQuery MegaMenu Plugin Examples CSS */
/*#Page {width: 100%; border-left: 1px solid #CCC; border-right: 1px solid #CCC; margin: auto; border-collapse: collapse; height: 100%; -moz-box-shadow: 0px 0px 10px #888; -webkit-box-shadow: 0px 0px 10px #888;}*/
ul.megamenu {background-image: url(/Skin_v6.1_Subversive/templateimages/menu-background.gif); background-repeat: repeat-x; background-position: 0px 0px;}
.mm-content-base {background-color: #FFF;}
a:link, a:visited {color: #333;}
a:hover {color: #666;}
h3 {margin:0px;font-size:16px;padding:5px 0px 2px;font-family:Georgia;font-style:italic;border-bottom:1px solid #CCC;margin-bottom:5px;}
p, blockquote {margin: 0px; padding-top: 5px; padding-bottom: 5px;}
blockquote {padding-left: 50px;}
#tabular-content {border-collapse: collapse; border: 1px solid #265374; font-size: 12px; width: 480px;}
#tabular-content td {padding: 4px 5px;}
#tabular-content th {color: #FFF; background: #254156; padding: 5px;}
#form-content {margin: 0px;}
#form-content fieldset {border: 1px solid #CCC; margin: 0px; padding: 5px;}
#form-content legend {font-size: 11px;}
#form-content .FieldLabel {font-size: 11px;}
#form-content .FieldItem {margin-bottom: 5px;}
#form-content .FieldItem input.Text {width: 220px; border: 1px solid #AAA; outline: none; padding: 5px; font-size: 15px;}
#list-content, #list-content ul {margin: 0px; padding-left: 20px;}
#list-content li {margin: 0px; padding: 2px 0px;}
#paragraph-content, #quote-content {text-align: justify;}
.megamenuitem1st {display:block;float:left;overflow:hidden;}
.megamenuitem {display:block;float:left;overflow:hidden;}
.megamenuitem:before {content: url(/Skin_v6.1_Subversive/templateimages/line_gray_151.png);float:left;margin:0 0 0 5px;}
.megamenuitemlast {margin-top:2px; text-align:right;}
.megamenuitemlast a:after {content:"\00a0⇒";display:inline;}
.megamenuitemsubline a {font-size:smaller;}
.megamenuitembottom {margin-bottom:10px;}


/* Left hand section of page body (if you have one!) */
#LeftSideBar {
	float: left;
	width: 200px;
	text-align: left;
	padding: 0;
	/* IE doubles the margins on floats, this takes care of the problem */
	display:inline;
	margin: 0 15px 0 0;
}

/* Dynamic page content section of page body */
#pagecontent {
	float: left;
	width: 520px;
}

#pagecontent_pad {
	padding: 10px 5px 5px 0px;
}

/* Right hand section of page body */
#RightSideBar {
	float: right;
	width: 200px;
}

#RightSideBar .section {
	display: block;
}

/* --- Footer -------------------------------------------------------- */
#footer {
	clear: both;
	width: 965px;
	margin: 10px auto;
}
#footer ul {
	margin: 0;
	padding: 0;
	list-style: none;
}
#footer li {
	float: right;
	display: inline;
	margin: 0;
	color: #999999;
}
#footer li a {
	color: #999999;
	font-weight: normal;
	padding: 0 8px;
}

/* T&Cs text */
#terms {
	padding: 0 0 0 10px;
	color: #2c2f91;
}
#terms .fix {
	padding-left: 10px;
}


/* --- language, currency menu and search box ------------------------ */
#languagemenu form select, #currencymenu form select {
	width: 100%;
	margin: 0;
	padding: 0;
}
#searchbox {
	width: 100%;
}
#searchbox fieldset {
  padding:2px;
}
#searchbox input {
  font:normal 10pt Arial, Helvetica, sans-serif;
  -moz-border-radius:5px;
  -webkit-border-radius:5px;
}
select {
  font:normal 10pt Arial, Helvetica, sans-serif;
  -moz-border-radius:5px;
  -webkit-border-radius:5px;
}
#searchbox #strKeywords {
  width:100%;
}
#searchbox #numPriceMin, #searchbox #numPriceMax {
  width:20%;
}
#searchbox a#Link-Search-More, #searchbox a#Link-Search-Even-More {
  font-size:8pt;
  font-weight:normal;
  text-decoration:underline;
}
#searchbox #searchbutton {
  cursor:hand;
  cursor:pointer;
  float:right;
  width:auto;
}

/* --- Template items ------------------------------------------------ */
#left_pad {
	padding: 0px 5px 0px 8px;
}

#left h2 {
	margin: 10px 0px 5px 0px;
	font-weight: bold;
}

/* search and mailinglist forms */
#quicksearch form {
	display: block;
}

#left input.submit {
	height: 22px;
	width: 30px;
}

#left input.text {
	width: 95px;
}

#mailinglist label#email {
	display: block;
	margin: 0px 0px 2px 0px;
}

#mailinglist label#htmlemail {
	display: block;
	margin: 2px 0px 2px 0px;
}

#right h2 {
	margin: 10px 0px 5px 0px;
	font-weight: bold;
}

#Social-Sidebar {
  font-size:12px;
  height:180px;
  line-height:16px;
  margin:0px;
  padding:12px 0 0;
  width:200px;
}
#Social-Sidebar ul {
  display:block;
  list-style-type:none;
  margin:0;
  margin-bottom:10px;
  padding:0px !important;
}
#Social-Sidebar ul li {
  font-size:1.1em;
  letter-spacing:-1px;
  line-height:1.4em;
  list-style-type:none;
  margin:0 0 2px;
  padding:0 0 2px 0;
}
#Social-Sidebar ul li a.SocialItem {
  -webkit-box-shadow:rgba(0, 0, 0, 0.148438) 0px 1px 2px 0px inset;
  background: #F0F0F0 url(/images/background_social_networking.png) repeat-x;
  border:solid #CCCDCE;
  border-style:solid;
  border-width:1px;
  border-color:#CCCDCE;
  border-bottom-left-radius:5px;
  border-bottom-right-radius:5px;
  border-top-left-radius:5px;
  border-top-right-radius:5px;
  color:#075084;
  display:block;
  font-size:0.9em;
  letter-spacing:-1px;
  overflow:hidden;
  padding:4px 4px 3px 4px;
  text-decoration:none;
}
#Social-Sidebar ul li a.SocialItem img {
  float:left;
  margin:0px 6px 0px 0px;
  padding:0;
}
#Social-Sidebar ul li a.SocialItem strong {
  font-weight:bolder;
  line-height:1.6;
  margin:0;
  padding:0;
}
