﻿body {
	background: #EEEEEE url(images/background-tile.gif) top center repeat-y;
	font-size: 70%;
	font-family: Verdana;
	margin: 0;
	text-align: center;
}

p {margin-top: 0px; margin-bottom: 16px;}

hr { background: url("images/dot-hr.gif") top left repeat-x; border: 0; padding: 0 0 34px 0;}

h1 {font-size: 1.8em; color: #a2a2a2; line-height: 1.4em; margin: 0 0 16px 0;}

h2 {font-size: 1.4em; color: #a2a2a2; line-height: 1.0em; margin: 0 0 16px 0;}

a:link {color: #000000; text-decoration: underline;}
a:visited {color: #000000; text-decoration: underline;}
a:hover {color: #000000; text-decoration: none;}
a:active {color: #000000; text-decoration: underline;}

.important a:link {color: #c8001c; font-weight: bold; text-decoration: underline;}
.important a:visited {color: #c8001c; font-weight: bold; text-decoration: underline;}
.important a:hover {color: #c8001c; font-weight: bold; text-decoration: none;}
.important a:active {color: #c8001c; font-weight: bold; text-decoration: underline;}

form {
	height:100%;
}

.end {clear: both;}

.space20px {padding: 0 10px;}

.floatRight {float: right; padding: 8px 0 0 0;}

#container {
	min-height: 100%;
	text-align: left;
	background: #FFFFFF;
	padding: 38px 38px 0px 38px;
	width: 914px;
	margin: 0 auto;
}

#contentHolder {
	width: 914px;
}

#area1 {
	float: left;
	width: 200px;
	margin: 0 0 0 0;
}

#logo {margin-bottom: 50px;}

ul {
    margin:0;
	padding: 0;
    list-style:none;
}

#navBar {
	color: #5c5c5c;
	width: 200px;
	margin: 0 0 60px 0;
}

#navItem {
	padding: 10px 0 10px 10px;
	background: url("images/dot.jpg") top left repeat-x;
}

#navItem a:link {color: #5c5c5c; font-weight: bold; text-decoration: none;}
#navItem a:visited {color: #5c5c5c; font-weight: bold; text-decoration: none;}
#navItem a:hover {color: #c8001c; font-weight: bold; text-decoration: none;}
#navItem a:active {color: #5c5c5c; font-weight: bold; text-decoration: none;}


#navItemOn {
	color: #9d9d9d;
	padding: 10px 0 10px 10px;
	background: url("images/dot.jpg") top left repeat-x;
}

#navItemOn a:link {color: #9d9d9d; font-weight: bold; text-decoration: none;}
#navItemOn a:visited {color: #9d9d9d; font-weight: bold; text-decoration: none;}
#navItemOn a:hover {color: #9d9d9d; font-weight: bold; text-decoration: none;}
#navItemOn a:active {color: #9d9d9d; font-weight: bold; text-decoration: none;}


#subNavItem {
	color: #5c5c5c;
	padding: 10px 0 5px 10px;
	background: none;
}

#subNavItem a:link {color: #5c5c5c; font-weight: normal; text-decoration: none;}
#subNavItem a:visited {color: #5c5c5c; font-weight: normal; text-decoration: none;}
#subNavItem a:hover {color: #c8001c; font-weight: normal; text-decoration: none;}
#subNavItem a:active {color: #5c5c5c; font-weight: normal; text-decoration: none;}


#subNavItemOn {
	color: #9d9d9d;
	padding: 10px 0 5px 10px;
	background: none;
}

#subNavItemOn a:link {color: #9d9d9d; font-weight: bold; text-decoration: none;}
#subNavItemOn a:visited {color: #9d9d9d; font-weight: bold; text-decoration: none;}
#subNavItemOn a:hover {color: #9d9d9d; font-weight: bold; text-decoration: none;}
#subNavItemOn a:active {color: #9d9d9d; font-weight: bold; text-decoration: none;}

img {border:0 none;}

#banners {width: 200px;}

.banners {margin: 0 0 20px 0;}

.emphasis {font-style:italic;}

#area2 {
	float:right;
	width: 674px;
	margin: 0 0 0px 0px;
}

#area2noFlash {
	float:right;
	width: 674px;
	margin: 104px 0px 0px 0px;
}

#flashHolder {
	width: 674px;
	height:271px;
	margin-bottom:16px;
}

object.flashVideo
{
	width:100%;
	height:271px;
}

.flashunit {
	padding: 4px;
	background: #fff;
	border: 4px solid #ddd;
	margin: 10px auto;
	width: 674px;
}

#leftCol {
	float:left;
	width:191px;
	margin: 0 19px 0 0;
}

.leftColPromoHolder {
	width: 191px;
	background: #000000 url("images/dot-deep.jpg") top left repeat-x;
	padding: 16px 0 0 0;
	margin: 0 0 16px 0;
	font-size: 0.9em;
	color: #FFFFFF;
}

.imgText {
	padding: 4px 2px 1px 6px;
}

.imgText a:link {color: #FFFFFF; text-decoration: underline;}
.imgText a:visited {color: #FFFFFF; text-decoration: underline;}
.imgText a:hover {color: #FFFFFF; text-decoration: none;}
.imgText a:active {color: #FFFFFF; text-decoration: underline;}


.leftColPromoNavHolder {
	width: 171px;
	background: #a2a2a2;
	padding: 12px 8px 12px 12px;
	margin: 45px 0 16px 0;
	color: #FFFFFF;
	font-weight: bold;
}

.leftColPromoNavHolder ul {
	margin:0;
	padding: 0;
    list-style:none;
	background: url("images/dot-white.jpg") bottom left repeat-x;
}


#promoNavItem {
	color: #FFFFFF;
	padding: 10px 0 10px 6px;
	background: url("images/dot-white.jpg") top left repeat-x;
}

#promoNavItem a:link {color: #FFFFFF; font-weight: bold; text-decoration: none;}
#promoNavItem a:visited {color: #FFFFFF; font-weight: bold; text-decoration: none;}
#promoNavItem a:hover {color: #d0d0d0; font-weight: bold; text-decoration: none;}
#promoNavItem a:active {color: #FFFFFF; font-weight: bold; text-decoration: none;}

#rightCol {
	float:right;
	width: 461px;
	padding: 16px 0 0 0;
	background: url("images/dot.jpg") top left repeat-x;
}

#footer {
	clear: both;
	float: left;
	border-top: 2px solid #C2C2C2;
	width: 914px;
	margin: 20px 0 0 0;
	padding: 4px 0 0 0;
	height:40px;
}

.address {
	float:left;
	color: #999999;
}

.address a:link {color: #999999; text-decoration: underline;}
.address a:visited {color: #999999; text-decoration: underline;}
.address a:hover {color: #999999; text-decoration: none;}
.address a:active {color: #999999; text-decoration: underline;}


#controls {
	float:left;
}

#controls ul {
	margin: 1px 0 0 0;
	width:191px;
	
	color:White;
}

#controls ul li {
	background-image: url("images/clipbak.jpg");
	background-position:center;
	background-repeat:repeat-x;
	margin-bottom:2px;
	height:32px;
	width:100%;
}

#controls ul li.selectedNav {
	background-image: url("images/clipbaksel.jpg");
	background-position:center;
	background-repeat:repeat-x;
}

.clipLink
{
	color:White;
	text-align:right;
	
}

.clipLinkContainer
{
	padding-top:7px;	
}


#controls .clipLink a:link {color: White; font-weight: bold; text-decoration: none; padding-right: 12px;}
#controls .clipLink a:visited {color: White; font-weight: bold; text-decoration: none; padding-right: 12px;}
#controls .clipLink a:hover {color: White; font-weight: bold; text-decoration: none; padding-right: 12px;}
#controls .clipLink a:active {color: White; font-weight: bold; text-decoration: none; padding-right: 12px;}

/* End of orignal */

.ulBullet ul li, .ulBullet ul {
	list-style-type:square;
	margin:10px;
	padding: 0px;
}

.required {
	color:Red;
}

.bold {
    color: #5c5c5c; 
    font-weight: bold;
}

.quote {
    float:right;
}

#studyBar 
{
	float:left;
	margin-top: 50px;
	padding-top:10px;
	padding-right:10px;
	padding-left:10px;
	padding-bottom:10px;
	width: 171px;
	background-color:#999999;
}


#studyBar ul
{
	margin:0;
	width:171px;
}
#menuBar
{
	background: url("images/dot-white.jpg") bottom left repeat-x;
}

#studyBarItem
{
	background: url("images/dot-white.jpg") top left repeat-x;
	padding-left:10px;
	padding-top:10px;
	padding-bottom:10px;
	width:161px;
	font-weight:bold;
	
}

#studyBarSubItem
{

	padding-left:10px;
	padding-top:10px;
	padding-bottom:2px;
	font-weight:normal;
}



#studyBarItem a:link {color: #FFFFFF;  text-decoration: none;}
#studyBarItem a:visited {color: #FFFFFF; text-decoration: none;}
#studyBarItem a:hover {color: #c8001c; text-decoration: none;}
#studyBarItem a:active {color: #FFFFFF; text-decoration: none;}

.governor {
	float:right;
}

.subMenu {
	display:none;	
}

.subMenuOn {
	display:block;	
}


.pdfList ul
{
	list-style-position:inside;
	list-style-image:url("images/pdficon_small.gif");
	list-style-type:square;
	margin:0;
	padding:0;
}


#itemDetailHolder {
	width: 674px;
	clear: both;
	float: left;
	text-align: left;
	padding: 0px 0px 0px 0px;
}

#itemHolder {
	width: 330px;
	clear: both;
	float: left;
	text-align: left;
	padding: 0px 0px 0px 0px;
}

#itemInfoHolder {
	width: 344px;
	float: left;
	text-align: left;
	padding: 0px 0px 0px 0px;
}

#productFrame {
	width: 674px;
	clear: both;
	float: left;
	text-align: left;
	padding: 0px;
	background: #ececec url("images/skuBack.gif") top left repeat-x;
	margin: 0;
}

#similarProductFrame
{
	width: 674px;
	clear: both;
	float: left;
	text-align: left;
	padding: 0px;
	background: #F1F1F1;
	margin-top: 20px;
}

#frameHeader 
{
	width: 674px;
	clear: both;
	float: left;
	text-align: left;
	padding: 0px;
	margin: 20px 0 0 0;
}

.itemDetailHolder {
	width: 674px;
	float: left;
	text-align: left;
	padding: 0;
	margin-top:10px;
	background-color:#F1F1F1;
}

.similarItemDetailHolder {
	width: 210;
	height:auto;
	float: left;
	text-align: left;
	padding: 0;
	margin: 0;
	background-color:#F1F1F1;
}
.catalogImg
{
	float:left;
	padding:10px;
}

.catalogSubItem 
{
	float:left;
	width:30%;
	padding: 10px 10px 10px 0px;
}

.productTitle
{
	font-size:large;
	font-weight:bold;
	color:Gray;
}

.productAuthor
{
	font-size:larger;
	color:Gray;
}

.itemHeader
{
	font-weight:bold;
	font-size:medium;
	color:Gray;
}

#availableHeader
{
	background-color:#CCCCCC;
	padding-top:5px;
	padding-bottom:5px;
}

#availableHeader span
{
	color:White;
	margin: 5px;
}

.itemSubHeader
{
	font-weight:bold;
	font-size:small;
	color:Gray;
}

.itemDetailHolder a { font-weight:bold; }
.itemDetailHolder a:link {color: #000000; text-decoration: underline;}
.itemDetailHolder a:visited {color: #000000; text-decoration: underline;}
.itemDetailHolder a:hover {color: #000000; text-decoration: none;}
.itemDetailHolder a:active {color: #000000; text-decoration: underline;}

.altItemDetailHolder
{
	width: 674px;
	float: left;
	text-align: left;
	padding: 0;
	margin-top:10px;
	background-color:#CCCCCC;
}

.altItemDetailHolder .productAuthor, .altItemDetailHolder .productTitle, .altItemDetailHolder .itemHeader
{
	color:White;
}

.skuItem
{
	float:right;
	padding:0px;
}

.skuItem span
{
	
}

.skuImg
{
	float:left;
	padding:0px 10px 0px 10px;
	cursor:pointer;
}

.skuHeader
{
	height:28px;
	width:330px;
	text-align:right;
	padding-top:5px;
}

.skuHeader span
{
	color:White;
}

.skuHolder
{
	float:left;
	width:330px;
	padding: 0 0 10px 0;
}

.skuHolderOff
{
	display:none;
	width:auto;
}

/* Shopping cart and checkout */
#bagHolder {
	width: 674px;
	clear: both;
	float: left;
	text-align: left;
	padding: 0px 0px 0px 0px;
}

#checkoutIntroHolder {
	width: 674px;
	clear: both;
	float: left;
	text-align: left;
	padding: 0px 0px 0px 0px;
}

#checkoutStepsHolder {
	width: 674px;
	clear: both;
	float: left;
	text-align: right;
	padding: 13px 0px 0px 0px;
}

.checkoutStepsOn {
	background: #ececec;
	float: right;
	padding: 6px 10px 6px 10px;
	margin: 0px 0px 0px 1px;
	font-weight: bold;
}

.checkoutStepsOff {
	background: #f5f5f5;
	float: right;
	padding: 6px 10px 6px 10px;
	margin: 0px 0px 0px 1px;
	color: #a49f9a;
}

#checkoutItemHolder {
	width: 674px;
	float: left;
	clear: both;
	text-align: left;
	padding: 0px 0px 0px 0px;
	margin: 1px 0px 13px 0px;
}

#checkoutIntroHolder a:link {color: #DE2648; font-weight: bold; text-decoration: none;}
#checkoutIntroHolder a:visited {color: #DE2648; font-weight: bold; text-decoration: none;}
#checkoutIntroHolder a:hover {color: #DE2648; font-weight: bold; text-decoration: underline;}
#checkoutIntroHolder a:active {color: #DE2648; font-weight: bold; text-decoration: none;}

.basketLink
{
	color: #DE2648;
}

.basketLink a
{
	margin-top: -5px;
}

.basketLink  a:link {color: #DE2648; font-weight: bold; text-decoration: none;}
.basketLink  a:visited {color: #DE2648; font-weight: bold; text-decoration: none;}
.basketLink  a:hover {color: #DE2648; font-weight: bold; text-decoration: underline;}
.basketLink  a:active {color: #DE2648; font-weight: bold; text-decoration: none;}

sos-table-header { font-weight: bold;color: #ffffff;background-color: Gray;}

.checkoutSubtotal {
	background:#F5F5F5 none repeat scroll 0 0;
}

.checkoutTotal {
	background:#4B4037 none repeat scroll 0 0;
	color:#FFFFFF;
}

.texthint
{
	color:red;
	font-weight:bold;
}

#trolleyArea
{

}

#trolleyArea  a:link {color: #DE2648; font-weight: bold; text-decoration: none;}
#trolleyArea  a:visited {color: #DE2648; font-weight: bold; text-decoration: none;}
#trolleyArea  a:hover {color: #DE2648; font-weight: bold; text-decoration: underline;}
#trolleyArea  a:active {color: #DE2648; font-weight: bold; text-decoration: none;}

#trolleyArea span
{
	float:right;
}


.galleryItem
{
	float: left;
	width: auto;
	text-align:center;
	background-image: url('images/dot-hr.gif'); 
	background-repeat: repeat-x; 
	background-position: center bottom;
	padding-bottom:25px; 
	height: 125px;
}

.galleryItem p
{
	width:150px;
}

.site {
	color: #5c5c5c;
	width: 200px;
	margin: 0;
	float:left;
	padding-right:15px;
}

.site ul 
{
	padding-bottom: 10px;
}

.mapItem {
	padding: 5px 0 5px 0px;
	background: url("images/dot.jpg") top left repeat-x;
	font-weight:bold;
}

.mapItem a:link {color: #5c5c5c; font-weight: bold; text-decoration: none;}
.mapItem a:visited {color: #5c5c5c; font-weight: bold; text-decoration: none;}
.mapItem a:hover {color: #5c5c5c; font-weight: bold; text-decoration: none;}
.mapItem a:active {color: #5c5c5c; font-weight: bold; text-decoration: none;}

.subMapItem {
	color: #5c5c5c;
	padding: 0px 0 5px 5px;
	background: none;
}