html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6 {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-size: 100%;
}
body {
	background: #E2EFFF url(../media/st_images/lightBG.jpg) repeat-x left top;
	color: #0000FF;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.8em;
	line-height: 1.2em;
	margin: 0 0 0 0;
	padding: 0px 0px 0px 0px;
	text-align: center; /* Centers the page content container in IE 5 browsers. */
}

#disc_background {
	background: transparent url(../media/st_images/lightBGheader.jpg) no-repeat center top;
	width: 100%;
}

/************************************************************************************************TITLE styling*/
/* Commonly used to style page titles. */
h1 {
  color: #0000ff;
  font-size: 1.3em;
  font-weight: normal;
  line-height: 1.3em;
}
#content h1 {
  margin-bottom: 20px;
  text-align: center;
  padding-top: 3px;
}
/* Commonly used to style section titles. */
h2 {
  color: #FF3300;
  font-size: 1.2em;
  font-weight: bold;
  line-height: 1.6em;
  padding-left: 30px;
  background: transparent url(../media/graphics/heading_bullet.jpg) no-repeat left center;
}
h2.blue-heading {
  color: #0000ff;
}

#outerWrapper #contentWrapper #content h2.outdent {
margin-left: -40px;
}

h3 {
color: #ff3300;
padding-left: 30px;
}
/**********************************************************************************************END of TITLE styling*/
/*************************************************************************************************Paragraph styling*/
#content p {
padding-left: 30px;
}

p.alternativeOps {
padding-top: 20px;
font-size: 1.2em;
line-height: 1.2em;
}
/******************************************************************************************END of Paragraph styling*/
/******************************************************************************************Wrapper & Header styling*/
#outerWrapper {
  position: relative;/*required to activate flash quote animation absolute positioning*/
  margin: 0 auto 0 auto;
  text-align: left; /* Redefines the text alignment defined by the body element. */
  width: 780px;
}
#outerWrapper #quote-animation-button {
width: 148px;
position: absolute;
top: 48px;
right: 156px;
}
body.standard #outerWrapper #header {
	color: #FFF;
	font-size: 1.4em;
	font-weight: bold;
	line-height: 1.5em;
	padding: 50px 10px 10px 10px;
}
body.standard #outerWrapper #header ul {
position: relative;
width: 420px;/*420 controls banner text left/right positioning*/
font-size: 0.8em;
font-weight: normal;
text-align:center;
list-style: none;
padding: 0px 0px;
margin: 0px 0px 0px 0px;
line-height: 1.8em;
}
body.quote #outerWrapper #header {
padding-top: 15px;
}
body.quote #outerWrapper #header ul {
margin: 0px 0px -35px 495px;
list-style: none;
}
/************************************************************************************END of Wrapper & Header styling*/
/****************************************************************************************NAVIGATION AND LINK STYLING*/
/*Standard Link Styling*/
/* Sets the style for unvisited links. */
a,  a:link {
  color: #0000ff;
  font-weight: bold;
  text-decoration: none;
}
/* Sets the style for visited links. */
a:visited {
  color: #0000ff;
  font-weight: bold;
  text-decoration: none;
}
/* Sets the style for links on mouseover. */
a:hover {
  color: #FF3300;
  text-decoration: underline;
}
/* Sets the style for a link that has focus. */
a:focus {
  color: #FF3300;
}
/* Sets the style for a link that is being activated/clicked. */
a:active {
  color: #FF3300;
}
#outerWrapper #content h2 a,  
#outerWrapper #content h2 a:link {
color: #ff3300;
}
/*****************************************************************************************END - Standard Link Styling*/

/************************************************************************************Main navigation specific styling*/
#outerWrapper #mainNav {
	background: transparent url(../media/st_images/light_nav_header_bg.png) repeat-x left top;
}

#outerWrapper #mainNav h1{
	color: #fff;
	font-size: 1.5em;
	padding: 30px 0px 10px 55px;
}
#outerWrapper #mainNav ul{
position: relative;/*required for ie6*/
	border: #fd5d00 1px solid;
	border-bottom: none;
	background: #0f2d61 url(../media/graphics/main_nav_bg.jpg) repeat-x left top;
	list-style: none;
	margin: 0px 0px 0px 0px;
	padding: 3px 20px 4px 20px;
}
#outerWrapper #mainNav ul li {
	display: inline;
	padding: 3px 5px 3px 5px;
}
#outerWrapper #mainNav ul li a,
#outerWrapper #mainNav ul li a:link {
	text-decoration: none;
	font-size: 1em;
	color: #fd5d00;
	padding: 3px 5px 3px 5px;
	border: none;
}

#outerWrapper #mainNav ul li a.current,
#outerWrapper #mainNav ul li a:link.current,
#outerWrapper #mainNav ul li a:hover,
#outerWrapper #mainNav ul li a:active {
position: relative;
z-index: 100;
	padding: 2px 4px 2px 4px;
	/*background: #0000ff url(../media/graphics/link_hover_bg.jpg) repeat-x left bottom;*/
	background-color: #FDE0CE;
color: #0000ff;
	border: #fd5d00 1px solid;
	border-bottom: none;
	margin-bottom: 0px;
	padding-bottom: 6px;/*4*/
}
/**********************************************************************End of main navigation specific styling*/

/*****************************************************************************Page specific navigation styling*/
#outerWrapper #mainNav ul#pageSpecificSubmenu {
position: relative;/*required for ie6*/
	background-color: #FDE0CE;
	background-image:none;
	padding: 3px 0px 3px 19px;
	border: #fd5d00 2px solid;
}
#outerWrapper #mainNav ul#pageSpecificSubmenu li a,
#outerWrapper #mainNav ul#pageSpecificSubmenu li a:link{
	color: #0000ff;
	border: none;
	padding-left: 6px;
	padding-right: 6px;
}

#outerWrapper #mainNav ul#pageSpecificSubmenu li.current a,
#outerWrapper #mainNav ul#pageSpecificSubmenu li.current a:link,
#outerWrapper #mainNav ul#pageSpecificSubmenu li a:hover,
#outerWrapper #mainNav ul#pageSpecificSubmenu li a:active {
	background: transparent url(../media/graphics/dot_bullet.jpg) no-repeat left center;
	border: none;
	padding-left: 6px;
	padding-right: 6px;
}

#outerWrapper #mainNav ul li a.current,
#outerWrapper #mainNav ul#pageSpecificSubmenu li.current a,
#outerWrapper #mainNav ul#pageSpecificSubmenu li.current a:link {
cursor:default;
}

#outerWrapper #mainNav ul#pageSpecificSubmenu li#homePriceLink {
padding-left: 430px;
}
/**********************************************************************************End - Page specific navigation styling*/

/******************************************************************Links contained in rounded corner box specific styling*/
#outerWrapper #content div.box-outer-wrapper-small h2 a {
color: #fff;
}
#outerWrapper #content div.box-outer-wrapper-small p.quote a {
font-size: 1.2em;
color: #ff3300;
font-weight: bold;
}
#outerWrapper #content div.box-outer-wrapper-small p.quote a,
#outerWrapper #content div.box-outer-wrapper-small p.quote a:link,
#outerWrapper #content div.box-outer-wrapper-small p.quote a:visited {
	position: relative;
	display: block;
	background: transparent url(../media/graphics/button.gif) no-repeat center bottom;
	margin-top: -45px;
	padding: 5px 20px 29px 20px;
	z-index: 200;
}
#outerWrapper #content div.box-outer-wrapper-small p.quote a:hover,
#outerWrapper #content div.box-outer-wrapper-small p.quote a:active {
	display: block;
	position: relative;
	margin-top: -45px;
	z-index: 200;
	background: transparent url(../media/graphics/button.gif) no-repeat center bottom;
}
/******************************************************END - Links contained in rounded corner box specific styling*/
/*Footer Link Styling*/
#outerWrapper #footer p a,
#outerWrapper #footer p a:link,
#outerWrapper #footer p a:visited,
#outerWrapper #footer p a:hover,
#outerWrapper #footer p a:active {
	position: relative;
	color: #fff;
	font-weight: normal;
	background: none;
}
/***********************************************************************************END - Footer LINK Styling*/
/***************************************************************************END - NAVIGATION AND LINK STYLING*/

/*********************************************************************************************Main Content Styling*/
body.faqsPage #outerWrapper #content ol {
color: #FF3300;
}

#outerWrapper #contentWrapper #content #leftColumn {
position: relative;/*required 4 ie6*/
float: left;
width: 160px;
padding-left: 20px;
margin-top: 0px;
margin-right: 20px;
border-right: 2px solid #FF0033;
border-bottom: 2px solid #FF0033;
background-color: #fff;
}
body.twoColumn #outerWrapper #contentWrapper #content h2{
margin-bottom: 10px;
}
body.twoColumn #outerWrapper #contentWrapper #content h3{
border-bottom: 1px solid #ff0033;
}
#outerWrapper #contentWrapper #content #leftColumn ul{
margin: 0px 0px 0px 0px;/*0px 0px 10px 0px*/
padding: 10px 0px 0px 0px;/*10px 0px 10px 0px*/
}
#outerWrapper #contentWrapper #content #leftColumn ul li {
position: relative;/*required to stop bullet flicker in ie*/
margin-left: -20px;
background: transparent url(../media/graphics/arrow_bullet.gif) no-repeat 0px 6px;
border-bottom: 1px dotted #ff0033;
}
#outerWrapper #contentWrapper #content {
position: relative;
	background: #fff url(../media/graphics/content_bg.jpg) repeat-x left top;
	margin: 0px 0px 0px 0px;
	padding: 10px 50px 0px 50px;/*10px 50px 10px 50px*/
	border: 1px solid #FF3300;/*required to force bg in ie6*/
}
#outerWrapper #content ul {
	position: relative;
	list-style: none;
	font-weight: bold;
	padding-left: 30px;/*required 4 ie*/
	margin-left: 30px;/*required 4 ff*/
}
body#blogPage #outerWrapper #content ol {
margin-left: 40px;
}
body#blogPage #outerWrapper #content div.blogPost {
/*padding-left: 0px;*/
}
body#blogPage #outerWrapper #content div.blogPost p{
padding-left: 0px;
}
body#blogPage #outerWrapper #content div.blogPost img {
position: relative;
}
body#termsPage #outerWrapper #content ul {
font-weight: normal;
margin-right: 50px;
}
#outerWrapper #content ul li{
	padding: 3px 10px 3px 10px;
	background: transparent url(../media/graphics/arrow_bullet.gif) no-repeat 0px 6px;
}

/*Required to stop floated page elements over lapping*/
#outerWrapper #footer .clear,
#outerWrapper #contentWrapper #content .clear {
	display:block;
	clear: both;
}

#outerWrapper #content ol li h3 {
margin-left: 0px;
padding-left: 0px;
line-height: 1.5em;
}

#outerWrapper #content ol li ol li {
color: #0000ff;
}

/*************************************************************************************Rounded Corner Box Styling*/
#outerWrapper #content div.box-outer-wrapper {
	position: relative;
	background: transparent url(../media/graphics/box_top_left.jpg) no-repeat left top;
}
#outerWrapper #content div.box-topright-corner {
	position: relative;
	padding-top: 30px;
	background: transparent url(../media/graphics/box_top_right.jpg) no-repeat right top;
}
#outerWrapper #content div.box-bottomleft-corner {
	position: relative;
	background: transparent url(../media/graphics/box_bottom_left.jpg) no-repeat left bottom;
}
#outerWrapper #content div.box-bottomright-corner {
	position: relative;
	background: transparent url(../media/graphics/box_bottom_right.jpg) no-repeat right bottom;
	padding: 0px 10px 0px 0px;
}

#outerWrapper #content div.box-outer-wrapper-small div.box-content,
#outerWrapper #content div.box-content {
	padding: 0px 0px 25px 0px;
}

#outerWrapper #content div.box-content h2 {
	background: none;
	line-height: 1.2em;
}
#outerWrapper #content div#contactBox .box-content p {
text-align: center;
padding-left: 0px;
}
#outerWrapper #content div.box-content h2 span.phone {
color: #0000ff;
font-size: 0.8em;
font-weight: normal;
}
#outerWrapper #content div.box-outer-wrapper-small {
	position: relative;
	width: 280px;
	background: transparent url(../media/graphics/box_top_left.jpg) no-repeat left top;
	margin-left: 35px;
	margin-right: 10px;
	float: left;
}

#outerWrapper #content div.long {
width: 610px;
}

#outerWrapper #content div.box-outer-wrapper-small div.miniDiscBox img{
margin-left: 350px;
}

#outerWrapper #content div.box-outer-wrapper-small div.miniDiscBox  ul li{
width: 450px;
}

#outerWrapper #content div.box-outer-wrapper-small h2 {
	position: relative;
	background-image:none;
	background-color: #0F2D61;
	color: #fff;
	display: inline;
	border: #ff3300 1px solid;
	margin-left: 15px;
	padding: 3px 5px 3px 5px;
}

#outerWrapper #content div.box-outer-wrapper-small img {
	margin-top: -20px;
	margin-left: 30px;
}
#outerWrapper #content div.box-outer-wrapper-small ul {
	position: relative;
	margin: -20px 0px 0px 0px;
	padding-left: 20px;
}
#outerWrapper #content div.box-outer-wrapper-small ul li{
	width: 120px;
	line-height: 1.6em;
}

#outerWrapper #content div.box-outer-wrapper-small p.quote {
	position: relative;
	display: block;
	float: right;
	margin-right: 10px;
	margin-top: 10px;
	background: transparent url(../media/graphics/button.gif) no-repeat center bottom;
}
/*************************************************************************END of Rounded Corner Box Styling*/

/*********************************************************************************************Table Styling*/
body.standard #outerWrapper table {
width: 100%;
border-collapse: collapse;
border: 2px solid #0000FF;
margin: 0 auto 0 auto;
margin-top: 20px;
margin-bottom: 20px;
}

body.standard #outerWrapper table.servicesList {
width: 600px;
color: #FF3300;
font-weight: bold;
font-size: 0.9em;
border: none;
text-align: center;
}

body.standard #outerWrapper table th {
text-align: center;
font-size: 1.1em;
background: #FFF url(../media/graphics/tableHeader_bg.jpg) repeat-x left bottom;
color: #fff;
border: 1px solid #fff;
padding: 2px 4px 14px 4px;
}

body.standard #outerWrapper table th.extraTableHeading {
background-image: none;
background-color: #0F2D61;
border-bottom: 2px solid #FF3300;
padding: 4px 4px 4px 4px;
}

body.standard #outerWrapper table th.sideTableHeading {
background: none;
color: #0000ff;
text-align: left;
border-left: 1px solid #0000FF;
border-right: 1px solid #0000FF;
border-bottom: 1px solid #0000FF;
padding: 4px 4px 4px 4px;
}

body.standard #outerWrapper table td {
border-left: 1px solid #0000FF;
border-right: 1px solid #0000FF;
border-bottom: 1px solid #0000FF;
padding: 4px 4px 4px 4px;
}

body.standard #outerWrapper table td.templateImage {
width: 150px;
padding: 2px 0px 2px 0px;
margin: 0 auto 0 auto;
border-right: none;
}
body.standard #outerWrapper table td.templateDescription {
width: 300px;
border-left: none;
text-align: left;
}

body#templatesPage #outerWrapper table {
width: 680px;
margin: 0 auto 0 auto;
margin-top: 20px;
margin-bottom: 20px;
text-align: center;
}

body#aboutPage #outerWrapper table td {
border: none;
}

body#templatesPage #outerWrapper table a,
body#templatesPage #outerWrapper table a:link {
border-bottom: 1px dotted #ff3300;
}
body#templatesPage #outerWrapper table a:hover {
text-decoration: none;
border-bottom: 1px solid #ff3300;
}
/****************************************************************************************END - Main Content Styling*/

/**********************************************************************************************Footer Styling*/
#outerWrapper #footer {
	background: #fd5d00 url(../media/graphics/footer_bg.jpg) repeat-x left top;
	color: #fff;
  border-top: solid 1px #666;
  padding: 8px 10px 8px 10px;
}
body#quotePage #outerWrapper #footer {
margin-top: 0px;
	border: #000 1px solid;
}
#outerWrapper #footer p{
	margin: 0px 0px 0px 0px;
}

#outerWrapper #footer p span.left{
	float: left;
}
#outerWrapper #footer p span.right{
	float: right;
}
/*****************************************************************************************END - Footer Styling*/

/*************************************************************************************Individual / Misc Styles*/
.datePosted {
text-align: right;
font-size: 0.9em;
border-top: 1px dotted #ff3300;
display: block;
clear: both;
}

#outerWrapper p.neato {
margin-left: -50px;
}

.hide{/*required for skype phone number highlight work around*/
	display: none;
}
.orange-highlight {
	color: #ff3300;
}
.green-highlight {
	color: #84D847;
}
.orange {color:#FF3300;}
.largeTxt {font-size: 1.2em;}
.smallTxt {font-size: 0.89em;}

a.black-highlight,
a:link.black-highlight,
.black-highlight {
	font-weight: bold;
	color: #000;
	}

.blue-highlight {
color: #0000ff;
}

.left {
position: relative;
	float: left;
	padding-right: 10px;
}
.right {
position: relative;
	float: right;
	padding-left: 10px;
}

#outerWrapper #content ul li.noBullet {
background-image: none;
}

span.backtop a,
span.backtop a:link {
background: transparent url(../media/graphics/up_arrow_bullet.gif) no-repeat right center;
display: block;
padding-right: 15px;
text-align: right;
}

span.answer {
color: #0000FF;
}
.orderNow {
text-align: right;
margin-top: -10px;
}
.orderNow a{
border-bottom: 1px dotted #00CC33;
}
.orderNow a:hover{
text-decoration: none;
color: #00CC33;
}
/****************************************************************************************END - Individual Styles*/


/******************************************************************Price Calculator Specific Styling*/
#outerWrapper #contentWrapper #content form#quoteForm {
position: relative;
margin-top: 15px;
margin-left: -20px;
margin-right: -35px;
margin-bottom: 0px;
padding-bottom: 0px;
}

#outerWrapper #contentWrapper #content div#extraColumn,
#outerWrapper #contentWrapper #content div#discQuantity,
#outerWrapper #contentWrapper #content div#discType,
#outerWrapper #contentWrapper #content div#discSurface,
#outerWrapper #contentWrapper #content div#caseType,
#outerWrapper #contentWrapper #content div#insertType{
position: relative;
width: 180px;
float: left;
background: transparent url(../media/graphics/quoteDiv_bg.jpg) repeat-y left top;/*borders along left & right of option lists*/
margin-bottom: 0px;
}
#outerWrapper #contentWrapper #content div#extraColumn {
background: none;
padding-left: 5px;
}

/*idda logo styles*/
#outerWrapper #contentWrapper #content div#discQuantity p img {
			border: none;
}
#outerWrapper #contentWrapper #content div#discQuantity p {
background-color: #fff;
			text-align: center;
			margin: 0px 5px 0px 5px;
			padding: 3px 0px 3px 0px;
			}
#outerWrapper #contentWrapper #content div#discQuantity a,
#outerWrapper #contentWrapper #content div#discQuantity a:link {
			display: block;
			background-color: #fff;
			margin: 35px -5px -5px -5px;
			padding:4px 0px 4px 0px;
			}
/*idda logo styles*/
		
#outerWrapper #contentWrapper #content div#extraColumn p {
padding-left: 0px;
}
#outerWrapper #contentWrapper #content div#discQuantity h3,
#outerWrapper #contentWrapper #content div#discType h3,
#outerWrapper #contentWrapper #content div#discSurface h3,
#outerWrapper #contentWrapper #content div#caseType h3,
#outerWrapper #contentWrapper #content div#insertType h3{
padding-top: 8px;/*6*/
padding-left: 0px;
padding-bottom: 4px;
color: #fff;
line-height: 1.4em;
letter-spacing: 1px;
text-align: center;
background: #0f2d61 url(../media/graphics/quoteDiv_top2.jpg) no-repeat left top;/*top of list graphic*/
}

/*#outerWrapper #contentWrapper #content div#discQuantity p,*/
#outerWrapper #contentWrapper #content div#discType p,
#outerWrapper #contentWrapper #content div#discSurface p,
#outerWrapper #contentWrapper #content div#caseType p,
#outerWrapper #contentWrapper #content div#insertType p {
margin: 0px 5px 0px 5px;/*0px 5px 0px 5px*/
padding: 3px 0px 3px 0px;/*0px 0px 0px 10px*/
border-bottom: #0000ff 2px solid;
text-align: center;
}

#outerWrapper #contentWrapper #content div#discQuantity strong,
#outerWrapper #contentWrapper #content div#discType strong,
#outerWrapper #contentWrapper #content div#discSurface strong,
#outerWrapper #contentWrapper #content div#caseType strong,
#outerWrapper #contentWrapper #content div#insertType strong {
/*color: #FF3300;*/
border-top: 1px solid #ff3300;
border-bottom: 1px solid #ff3300;
padding-bottom: 2px;
font-size: 1.2em;
letter-spacing: 0px;
}

#outerWrapper #contentWrapper #content div#discQuantity ul,
#outerWrapper #contentWrapper #content div#discType ul,
#outerWrapper #contentWrapper #content div#discSurface ul,
#outerWrapper #contentWrapper #content div#caseType ul,
#outerWrapper #contentWrapper #content div#insertType ul {
position: relative;
padding: 0px 0px 10px 0px;/**/
margin: 0px 0px 0px 0px;/*0px 0px 0px 0px*/
background: transparent url(../media/graphics/quoteDiv_bottom.jpg) no-repeat left bottom;/* left bottom - bottom of list graphic*/
/*border: #000 solid 1px;*/
float: right;/*required for ie7 to make ul bg wrap*/
}	 
	 html[xmlns*=""] body:last-child #outerWrapper #contentWrapper #content div#discQuantity li {
	 /*margin: 0px 0px 0px 5px;*/ }

#outerWrapper #contentWrapper #content div#discQuantity li,
#outerWrapper #contentWrapper #content div#discType li,
#outerWrapper #contentWrapper #content div#discSurface li,
#outerWrapper #contentWrapper #content div#caseType li,
#outerWrapper #contentWrapper #content div#insertType li {
position: relative;
text-align: left;
float: right;/*probs occur in ie 7 if not set to float right when hide/show jscript used */
display: block;
clear: right;/*probs occur in ie 7 if not set to clear right when hide/show jscript used*/
background: transparent url(../media/graphics/quote_list_bgB.jpg) repeat-x left top;
width: 169px;/*137 / 169*/
padding: 0px 0px 0px 0px;
margin: 0px 5px 0px 6px;/*0px 5px 0px 0px --- left margin solves Safari background alignment issue*/
border-top: #0f2d61 1px solid;
/*border: #33FFFF 1px solid;*//*light blue*/
}

#outerWrapper #contentWrapper #content div#discQuantity ul li label img,
#outerWrapper #contentWrapper #content div#discType ul li label img,
#outerWrapper #contentWrapper #content div#discSurface ul li label img,
#outerWrapper #contentWrapper #content div#caseType ul li label img,
#outerWrapper #contentWrapper #content div#insertType ul li label img {
padding: 0px 0px;
}

#outerWrapper #contentWrapper #content div#discQuantity p#compatibilityTblLink {
background: #4a4abe url(../media/graphics/blue_btn_top.jpg) no-repeat left top;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
border-bottom: none;
text-align: center;
}
#outerWrapper #contentWrapper #content div#discQuantity p#compatibilityTblLink img {
position: relative;/*required 4 ie6*/
float: left;
margin: 6px 2px 0px 15px;
z-index: 100;/*required 4 ie6*/
}
#outerWrapper #contentWrapper #content div#discQuantity p#compatibilityTblLink a,
#outerWrapper #contentWrapper #content div#discQuantity p#compatibilityTblLink a:link,
#outerWrapper #contentWrapper #content div#discQuantity p#compatibilityTblLink a:visited {
position: relative;/*required 4 ie6*/
display: block;
color: #fff;
padding: 10px 8px 10px 5px;/*10px 8px 10px 5px*/
margin: 0px 0px 0px 0px;
background: transparent url(../media/graphics/blue_btn_bottom.jpg) no-repeat left bottom;
}
#outerWrapper #contentWrapper #content div#discQuantity p#compatibilityTblLink a:hover {
background: transparent url(../media/graphics/blue_btn_bottom.jpg) no-repeat left bottom;
}
/*label css below probably needs to be more specific?*/
#outerWrapper #contentWrapper #content li label {
position: relative;
display: block;
width: 135px;/*140 110 - this + the li width controls width of image + text next to radio button*/
font-size: 0.8em;
line-height: 1.1em;
float: right;
clear: right;
text-align: left;
padding: 3px 3px 3px 0px;/*3px 3px 3px 0px*/
margin-right: 3px;
margin-left: 0px;
margin-top: 3px;
margin-bottom: 3px;
/*border: #990066 1px solid;*//*purple*/
}
#outerWrapper #contentWrapper #content li input {
width: 15px;
margin: 5px 0px 0px 3px;
float: left;
clear: left;
}
#outerWrapper #contentWrapper #content li#discQuan input {
width: 50px;
float: right;
clear: right;
margin: 3px 10px 0px 0px;
}
#outerWrapper #contentWrapper #content li#discQuan label {
width: 70px;/*70*/
float: left;
clear: left;
line-height: 1.8em;
text-align: right;
margin-top: 2px;
}


#outerWrapper #contentWrapper #content div#discQuantity ul li img,
#outerWrapper #contentWrapper #content div#discType ul li img,
#outerWrapper #contentWrapper #content div#discSurface ul li img,
#outerWrapper #contentWrapper #content div#caseType ul li img,
#outerWrapper #contentWrapper #content div#insertType ul li img {
/*display: block;*/
float: left;/*right*/
margin: 0px 2px 0px -2px;/*-3px 0px 0px 0px*/
padding: 0px 0px 2px 0px;
border: #9999ff 1px solid;/*#0f2d61*/
}
/***********************************SELECTION SUMMARY****************************/
#outerWrapper #contentWrapper #content div#selectionSummary {
position: relative;/*position: absolute;*/
width: 688px;/*707*/
background-color: #fff;
border: #FF3300 2px solid;
padding: 10px 10px;
margin-top: 0px;
margin-left: 4px;
margin-bottom: 15px;/*-400 in ff required to sort spacing at bottom of page*/
}

#outerWrapper #contentWrapper #content div#selectionSummary div#quoteInstructions {
width: 300px;
float: left;
}
#outerWrapper #contentWrapper #content div#selectionSummary div#quoteInstructions h2 {
background: transparent url(../media/graphics/heading_bullet.gif) no-repeat left center;
}
#outerWrapper #contentWrapper #content div#selectionSummary div#quoteInstructions p.quoteInst{
margin-bottom: -15px;/*-15*/
font-weight: bold;
/*background-color: #FFEBDF;*/
background: #FFEBDF url(../media/graphics/choose_anim.gif) no-repeat left top;
border: 1px solid #FF0000;
color: #000;
padding-top: 25px;/*5*/
padding-bottom: 5px;
padding-left: 15px;/*30*/
}

#outerWrapper #contentWrapper #content div#selectionSummary table {
/*position: relative;*/
width: 380px;
float: right;
margin-top: 0px;/*0px*/
/*margin-bottom: 0px;*/
}

/*Target Safari/KHTML but not WebKit:*/
    html[xmlns*=""] body:last-child #outerWrapper #contentWrapper #content div#selectionSummary table {
	 margin-bottom: 15px; }

div#orderForm table,
div#printQuote table,
body#thankyouPage table {
margin-top: 30px;
width: 380px;
}

body#thankyouPage table {
margin: 0 auto 0 auto;
}
body#thankyouPage td.selection,
div#orderForm td.selection,
div#printQuote td.selection,
#outerWrapper #contentWrapper #content div#selectionSummary td.selection {
width: 295px;
color: #ff3300;
font-weight: bold;
}

div#orderForm th.selection,
div#orderForm td.selection,
div#printQuote th.selection,
div#printQuote td.selection,
div#printOrder th.selection,
div#printOrder td.selection {
text-align: left;
}

body#thankyouPage th.unitPrice,
body#thankyouPage th.selection,
div#orderForm th.unitPrice,
div#orderForm th.selection,
div#printQuote th.unitPrice,
div#printQuote th.selection {
color: #0000FF;
}

body#thankyouPage td.selection strong,
div#orderForm td.selection strong,
div#printQuote td.selection strong,
#outerWrapper #contentWrapper #content div#selectionSummary td.selection strong{
color: #000;
}

body#thankyouPage td.unitPrice,
div#orderForm td.unitPrice,
div#printQuote td.unitPrice,
#outerWrapper #contentWrapper #content div#selectionSummary td.unitPrice{
text-align: right;
color: #ff3300;
font-weight: bold;
}

body#thankyouPage th,
div#orderForm th,
div#printQuote th,
#outerWrapper #contentWrapper #content div#selectionSummary th {
padding-bottom: 5px;
}

body#thankyouPage td,
div#orderForm td,
div#printQuote td,
#outerWrapper #contentWrapper #content div#selectionSummary td {
border-bottom: #000 1px dotted;
}

body#thankyouPage td.total,
div#orderForm td.total,
div#printQuote td.total,
#outerWrapper #contentWrapper #content div#selectionSummary td.total {
border-top: #000 1px solid;
}

#outerWrapper #contentWrapper #content div#selectionSummary h3{
font-size: 1.3em;
color: #ff3300;
}
#outerWrapper #contentWrapper #content div#selectionSummary h4{
position: relative;
color: #FF0000;
font-weight: bold;
padding-top: 10px;
margin-bottom: -10px;
}

body#quotePage #outerWrapper #contentWrapper #content div#selectionSummary p.buttons {
width: 350px;/*380*/
position: relative;
float: right;
clear: right;
text-align: right;/*right*/
/*border: #000 solid 1px;*/
margin-top: -8px;/*change to -5 for FireFox*/
margin-bottom: 0px;
}

/***********************************Print Quote Page / Order Page / Thankyou Page*********************************/
body#orderPage,
body#printQuotePage,
body#thankyouPage {
background: none;
color:#000;
}

body#printQuotePage,
body#thankyouPage {
margin-top: 20px;
}

li span.selection {
color:#000;
}

body#orderPage p.buttons {
margin-bottom: 5px;
}

div#orderForm ul#errors {
text-align: left;
}

body#printQuotePage div#printQuote,
body#thankyouPage div#printOrder {
margin: 0 auto 0 auto;
width: 650px;/*650*/
}
body#printQuotePage div#printQuote h1,
body#thankyouPage div#printOrder h1 {
font-size: 1.2em;
text-align: center;
margin-top: 50px;
margin-bottom: 50px;
}
body#printQuotePage div#printQuote h2,
body#thankyouPage div#printOrder h2 {
font-size: 1em;
text-align: center;
background: none;
padding-left: 0px;
}
body#printQuotePage div#printQuote p {
text-align: center;
font-size: 0.9em;
}

body#thankyouPage div#printOrder p {
text-align: left;
}

body#orderPage div#orderForm ul,
body#printQuotePage div#printQuote ul,
body#thankyouPage div#printOrder ul {
width: 400px;
list-style: none;
border-top: #666666 2px solid;
padding-left: 0px;
margin: 0 auto 0 auto;
}
body#orderPage div#orderForm div#Branding,
body#printQuotePage div#printQuote div#Branding,
body#thankyouPage div#printOrder div#Branding {
float: right;
width: 250px;
}
body#thankyouPage div#printOrder div#Branding p {
text-align: center;
}
body#thankyouPage div#printOrder div#Branding h2 a,
body#thankyouPage div#printOrder div#Branding h2 a:link {
color: #FF3300;
}
body#orderPage div#orderForm div#contactDetails,
body#printQuotePage div#printQuote div#contactDetails,
body#thankyouPage div#printOrder div#contactDetails {
margin-top: 20px;
margin-bottom: 20px;
width: 250px;
float: left;
text-align: left;
font-weight: bold;
}
body#orderPage div#orderForm div#contactDetails p,
body#printQuotePage div#printQuote div#contactDetails p,
body#thankyouPage div#printOrder div#contactDetails p {
text-align: left;
}
body#orderPage div#orderForm div#contactDetails ul,
body#orderPage div#orderForm div#contactDetails ul li,
body#printQuotePage div#printQuote div#contactDetails ul,
body#printQuotePage div#printQuote div#contactDetails ul li,
body#thankyouPage div#printOrder div#contactDetails ul,
body#thankyouPage div#printOrder div#contactDetails ul li {
border: none;
margin-left: 0px;
padding-left: 0px;
}
body#orderPage ul li,
body#printQuotePage div#printQuote ul li,
body#thankyouPage div#printOrder ul li {
padding: 3px 10px 3px 10px;
border-bottom: #666666 1px dotted;
font-size: 0.9em;
}
body#orderPage ul li#total,
body#printQuotePage div#printQuote ul li#total,
body#thankyouPage div#printOrder ul li#total {
border-top: #666666 2px solid;
border-bottom: #666666 1px solid;
font-size: 1.1em;
}
body#orderPage div#orderForm ul li span.selection/*,
body#printQuotePage div#printQuote ul li span.selection*/ {
float: right;
}
body#orderPage div#orderForm ul li span.label/*,
body#printQuotePage div#printQuote ul li span.label*/ {
font-weight: bold;
float: left;
}

body#printQuotePage table,
body#thankyouPage table {
margin: 0 auto 0 auto;
}


.clear {
display: block;
clear: both;
}

/************************************ BUTTONS ******************************************/
.buttons button {
position: relative;/*required for ie6*/
display: inline;
margin-top: 10px;/*10*/
margin-bottom: -1px;/*(-1)-5 -- IE*/
padding: 5px 4px 2px 3px;/*5px 4px 2px 3px IE - 5px 4px 5px 3px -- works for safari*/
font-size: 1em;
letter-spacing: 1px;
}

/*Target Safari/KHTML but not WebKit:*/
    html[xmlns*=""] body:last-child .buttons button {
	 padding: 5px 4px 4px 3px; }

.buttons a {
position: relative;/*Solves ie display*/
padding: 5px 8px 4px 8px;/*padding: 4px 8px 5px 8px;*/
font-size: 1em;
}

.buttons a, 
.buttons button {
margin-left: 4px;
margin-right: 4px;
    background-color:#f5f5f5;
    border:2px solid #dedede;
    border-top:1px solid #eee;
    border-left:1px solid #eee;
    text-decoration:none;
    color:#0000FF;
	font-weight:bold;
	cursor:pointer;
}

/* STANDARD BUTTON OR LINK BUTTON */
button:hover, 
.buttons a:hover {
    background-color:#dff4ff;
    border:2px solid #0000FF;
	border-top:1px solid #0000FF;
    border-left:1px solid #0000FF;
    color:#0000FF;
}

.buttons a:active {
    background-color:#0000FF;
    border:2px solid #0000FF;
	border-top:1px solid #0000FF;
    border-left:1px solid #0000FF;
    color:#ff3300;
}

body#orderThankyouPage p.buttons {
text-align: center;
}

/* PRINT */
button.print, 
.buttons a.print {
    color:#FF3300;
}

.buttons a.print:hover, 
button.print:hover {
    background-color:#fed9c3;
    border:2px solid #FF3300;
	border-top:1px solid #FF3300;
    border-left:1px solid #FF3300;
    color:#0000FF;
}

.buttons a.print:active {
    background-color:#E3E3E3;
    border:2px solid #FF3300;
	border-top:1px solid #FF3300;
    border-left:1px solid #FF3300;
    color:#FF3300;
}

/*    ORDER     */
.buttons button.order, 
.buttons a.order {
    color:#006600;
}

.buttons a.order:hover, 
button.order:hover {
    background-color:#dff4ff;
    border:2px solid #006600;
	border-top:1px solid #006600;
    border-left:1px solid #006600;
    color:#006600;
}

body#quotePage button.order:active {
border-color: #ff3300;
}

body#thankyouPage div#printOrder p.buttons {
text-align: center;
}

.buttons a.order:active {
    background-color:#E3E3E3;
    border:2px solid #006600;
	border-top:1px solid #006600;
    border-left:1px solid #006600;
    color:#ff3300;
}
/**************END OF PRINT QUOTE STYLING************************/


body#orderPage div#orderForm {
width: 430px;/*400*/
margin: 0 auto 0 auto;
/*border: red 1px solid;*/
}

body#orderPage div#orderForm fieldset {
border: #000 1px solid;
padding-bottom: 10px;
}

body#orderPage input,
body#orderPage textarea {
width: 200px;
/*border: #000 1px solid;*/
}
body#orderPage textarea {
margin-bottom: 10px;
height: 85px;
}
body#orderPage label {
/*border: #000 1px solid;*/
display: block;
float: left;
width: 100px;
font-weight: bold;
text-align: right;
margin-right: 10px;
}

body#orderPage p.uploadBtns {
width: 170px;
display: inline;
/*border: 1px solid #66FFFF;*/
float: left;
margin: -5px 0px 0px 0px;/*-5px 0px 0px 0px -- -5px 0px -20px 0px*/
}
body#orderPage p.radioBtns {
width: 100px;
display: inline;
/*border: 1px solid #FF9900;*//*orange*/
margin: 0px 0px 0px -50px;/*0px 0px 0px -50px -- 0px 0px 50px 100px*/
}
body#orderPage p.radioBtns label {
display: inline;
float: none;
/*border: 1px solid #FF0066;*/
width: 60px;
}
body#orderPage p.radioBtns input {
/*border: 1px solid #33FF99;*/
width: 20px;
}
body#orderPage p {
text-align: left;
clear: left;
padding-left: 10px;
margin: 5px 0px 0px 0px;
}
body#orderPage p.buttons {
text-align: center;
}

body#orderPage legend {
color: #ff3300;
font-weight: bold;
font-size: 1.2em;
margin-top: 20px;
margin-bottom: 20px;
}

/***********************Compatibility Table Styling*****************************/
body#compat caption{
color: #fff;
width: 350px;
margin: 0 auto 0 auto;
font-size: 1.2em;
font-weight: bold;
padding-top: 50px;
padding-bottom: 10px;
}
body#compat a {
color: #fff;
}
body#compat table{
font-size: 0.9em;
background-color: #fff;
width: 800px;
border-collapse: collapse;
margin: 0 auto 0 auto;
border: #fd5d00 2px solid;
}
body#compat table th,
body#compat table td {
border-bottom: #0000ff 1px dotted;
border-right: #0000ff 1px dotted;
padding: 3px 3px 3px 3px;
}
body#compat table th {
text-align: left;
}
body#compat table th.case {
border-right: #0000FF 4px solid;
}
body#compat table td {
color: #000;
}
body#compat table td.yes {
color: #00CC00;
font-size: 1.2em;
font-weight: bold;
}
/*************************General Quote Specific Styles*********************************/
body#genQuotePage div.box-content a img {
border: none;
margin-top: 10px;
margin-bottom: 10px;
}


/*************************Split test Styles*********************************/

#outerWrapper #contentWrapper #content {
	background: #fff url(../media/st_images/content_bg.jpg) repeat-x left top;
	padding-top: 15px;
	color: #003399;
	}
body#homePage #outerWrapper #contentWrapper #content a{
border-bottom:#FF6600 dotted 1px;
}
body#homePage #outerWrapper #contentWrapper #content a:hover{
text-decoration: none;
border-bottom: #FF6600 solid 1px;
}
#outerWrapper #contentWrapper #content div.section{
background: #fff url(../media/st_images/top_page_section_fade.jpg) no-repeat center top;
padding: 20px 20px 5px 0px;
margin: 0px -40px 0px -40px;
}
#outerWrapper #contentWrapper #content div.section.contact{
text-align: center;
}
#outerWrapper #contentWrapper #content div.section h2{
background: none;
color:#00007D;
}
body#homePage #outerWrapper #content div.box-outer-wrapper {
position: relative;
	background: transparent url(../media/st_images/box_top_left_sq.jpg) no-repeat left top;
}
body#homePage #outerWrapper #content div.box-topright-corner {
position: relative;
	background: transparent url(../media/st_images/box_top_right_sq.jpg) no-repeat right top;
}
body#homePage #outerWrapper #content div.box-bottomleft-corner {
position: relative;
	background: transparent url(../media/st_images/box_bottom_left_sq.jpg) no-repeat left bottom;
}
body#homePage #outerWrapper #content div.box-bottomright-corner {
position: relative;
	background: transparent url(../media/st_images/box_bottom_right_sq.jpg) no-repeat right bottom;
}

body#homePage #outerWrapper #content div.box-outer-wrapper.fullWidthBox {
	margin: 0px -45px 0px -45px;
}
body#homePage #outerWrapper #content div.box-outer-wrapper h2{
padding-top: 10px;
color: #0000FF;
font-size: 1.4em;
}

body#homePage #outerWrapper #content div.box-content {
position: relative;
	padding: 0px 10px 10px 10px;
}

body#homePage #outerWrapper #content div.box-outer-wrapper.fullWidthBox div.box-content.mainBox {
padding-bottom: 28px; }

#outerWrapper #content div.box-content.mainBox {
position: relative;
	background: transparent url(../media/st_images/cd_and_hand.jpg) no-repeat right center;
	margin-right: 6px;
	padding-bottom: 28px;
}
#outerWrapper #content div.box-content.mainBox ul,
#outerWrapper #content div.box-content.mainBox p{
margin-left: 30px;
}
#outerWrapper #content div.box-content.mainBox p {
line-height: 1.2em;
}
#outerWrapper #content div.box-content.mainBox ul li {
background: transparent url(../media/st_images/tick.gif) no-repeat left top;
padding-left: 20px;
}
#outerWrapper #content div.box-content.mainBox a:hover {
color: #84D847;
text-decoration: none;
border-bottom: 1px solid #84D847;
}