@CHARSET "ISO-8859-1";

/* Clearing a DIV from flush-left-right, font of the  , padding, and margins (from our commerce sites): */
.clear {
	clear:both;
	font-size:0;
	height:0;
	line-height:0;
	margin:0;
	padding:0;
}

h3 {
	font-size: 15px;
}

.note {
	color: blue;
}

.errors {
	color: red;
}

div.address td.label {
	margin-right: 3px;
	text-align: right;
}

div.address h2 {
	margin-left: 20px;
}

span.smallNote {
	font-size: small;
	font-weight: normal;
}

#productInfo {
	float: left;
}

#specs {
	float: right;
	margin-right: 150px;
}

#header img {
	margin: 0 35px;
}

#header {
	text-align:center;	
}

a.buyNowBtn {
	display: block;
	width: 140px;
	padding: 23px 0px;
	text-decoration: none;
	background: url(/UTS/images_old/buyNowON.png) no-repeat scroll left top;
	text-align: center;
}

a.buyNowBtn:hover {
	background: url(/UTS/images_old/buyNowOFF.png) no-repeat scroll left top;
}

a.buyNowBtn span {
	color: white;
	font-weight:bold;
}

#sidebar {
	float: left;
	width:145px;
	margin:2px 5px 0 5px;
}

#sidebar h3 {
	padding: 7px 9px 7px 9px;
	margin: 2px 0 0 0;
	border: 1px solid #c6c6c6;
	border-bottom: 0;
	font-size: 14px;
	font-weight: bold;
	color: #fff;
	background-color: #1573c9
}

#sidebar h3 a {
	color: #fff;
	text-decoration: none;
}

#sidebar h3 a img {
	padding: 0 0 0 2px;
}

#sidebar ul {
	padding: 2px 0 6px 0;
	margin: 0;
	list-style-type: none;
	border: 1px solid #d6d6d6;
	background-color: #d5e9f7;
}

#sidebar li {
	background-color: #D5E9F7;
	text-align: center;
}

#sidebar li.button a {
	display: block;
	padding: 23px 0px;
	height: 10px;
	text-decoration: none;
	background: #FFFFFF url(/UTS/images_old/checkON.gif) no-repeat scroll left top;
}

#sidebar li.button a:hover {
	background: #FFFFFF url(/UTS/images_old/checkOFF.gif) no-repeat scroll left top;
}

#sidebar span {
	color: white;
	font-weight: bold;
	font-size: 1.1em;
}

#brand-nav {
	margin: 4px 0 0 0;
	border: 1px solid #e6e6e6;
}

#pic-nav {
	border: 1px solid #ccc;
	width: 795px;
	text-align: center;
	margin: auto;
}

#footer {
	padding: 13px 0 0 0;
	clear: both;
	margin: 10px 0 0 0;
}

#footer ul {
	margin: 0;
	list-style-type: none;
	width: 860px;
	margin: auto;
}

#footer li {
	float: left;
	padding: 0 5px 0px 5px;
	border-left: 1px solid #FFFFFF;
}

#footer ul li:first-child {
	border: none; /* This tells it to not have aborder on the first child*/
}

#footer a {
	color: #263B77;
	text-decoration: none;
	font-weight: bold;
}

#footer a:hover {
	color: blue;
}

#copyright {
	padding: 5px 0 0 15px;
	font-size: 10px;
	color: #7b7b7b;
}

html{
	margin: 0;
	padding: 0;
	font-family: arial, helvetica, sans-serif;
	font-size: 11px;
	color: #505050;
}

body {
	margin: 0px;
	padding: 0px;
	text-align: center;
}

#container {
	margin: auto;
}

#main {
	margin-left: 0px;
	font-size: 1.2em;
	/*padding-left: 15px;*/
	padding-top: 1px;
	padding-bottom: 5px;
}

#main #formTable td.left {
	width: 130px;
	text-align: right;
	padding-right: 5px;
}

input.specBody {
	width: 100%;
}

textarea {
	width: 100%;
	height: 100px;
}

#priceTable td, #priceTable th {
	width: 110px;
	height: 26px;
}

#priceTable th.warrantyPrice, #priceTable td.warrantyPrice {
	text-align: right;
}

#priceTable td.warrantyPrice {
	color: #f60;
}

.purchase {
	background-color: #D5E9F7;
	margin: 10px 0px;
}

.purchase span {
	
}

.purchase h5 {
	margin: 0px;
}

.order-info-box {
	float: left;
	margin: 0px 10px;
}

.processed-button-div {
	float: right;
	margin: 5px;
}

.order-info-seperator-hr {
	display: none;
}

#shopping-cart-button-div {
	margin-top: 15px;
}




/* NOTE:  Here is where the new styles for the UTS website are pulled from... I'm leaving the others in place
          As I rewrite the project, I will eventually want to come back in and remove styles that no longer apply.
          Because of the ADMIN section, and as other text styles that are already in place (that look good),
          I don't want to start from scratch.... but this way I know where my new styles begin.
*/

h4 {
	font-size: 14px;
}

.contentDefault {
	margin: auto;
	text-align: left;	
	width: 962px;
}

.linkNoUnderline {
	text-decoration: none;
}

#nav-links {
	clear:both;
	height:auto;
	margin:0 auto;
	padding:0;
}

.negativeSpaceTopSmall {
	margin-top: -5px;
}

.boldText {
	font-weight: bold;
}

.italicsText {
	font-style: italic;
}

.standardText {
	font-size: 11px;
}

.headSpace {
	margin: 0 10px;
}

.planPriceBig {
	font-size: 16px;
	color: red; 
	font-weight: bold;
}

.colorUtsBlue { color: #263B77; }
.colorGold { color: #EAB625; }
.colorOrange { color: #F15A29; }
.colorGray { color: #88A; }
.colorRed { color: red; }

.boxUtsBlue { border: solid #263B77 1px; }
.boxGold { border: solid #EAB625 1px; }
.boxGray { border: solid #8991B3 1px; }

.boxUtsBlueThick { border: solid #263B77 2px; }
.boxGoldThick { border: solid #EAB625 2px; }
.boxGrayThick { border: solid #8991B3 2px; }

.headerUtsBlueFilled {
	line-height: 25px;
	color: white;
	background-color: #263B77;
	font-weight: bold;
	font-style: italic;
	letter-spacing: 1px;
	padding-left: 10px;
}
.headerGoldFilled {
	line-height: 25px;
	color: white;
	background-color: #EAB625;
	font-weight: bold;
	font-style: italic;
	letter-spacing: 1px;
	padding-left: 10px;
}
.headerGrayFilled {
	line-height: 25px;
	color: white;
	background-color: #8991B3;
	font-weight: bold;
	font-style: italic;
	letter-spacing: 1px;	
	padding-left: 10px;
}

.headerTextGray {
	color: #8991B3;
	font-weight: bold;
}
.headerTextGrayLarge {
	color: #8991B3;
	font-weight: bolder;
	font-style: italic;
	font-size: 18px;
}
.headerUtsBlue {
	color: #263B77;
	font-weight: bold;
	font-size: 12px;
}

.warrantyPlanBoxSize {
	width: 465px; 
	height: 450px;
}

.boxGoldHeader {
	width: 150px;
}
.boxGoldSpacing {
	padding-left: 2px;
	padding-right: 2px;
}

.subHeaderText {
	font-size: 11px;
}

.redText {
	color: red;
}

.centerBullet {
	vertical-align: super;
}

.arrowIcons {
	vertical-align: middle;
	padding-top: 35px;
	text-align: center;
}

.borderNone {
	border-style: none;
}

.padLeft { padding-left: 5px; }
.padLeftMore {	padding-left: 10px; }
.padLeftMed { padding-left: 15px; }
.padLeftLarge { padding-left: 25px; }
.padLeftHuge {	padding-left: 38px; }
.padRightButtons { padding-left: 55px; }
.padRight {	padding-right: 5px; }
.padRightLarge { padding-right: 25px; }
.padRightRenewal { padding-right: 100px; }
.padRightButtons { padding-right: 55px; }
.padTop { padding-top: 15px; }
.padTopSmall { padding-top: 10px; }
.padTopLarge { padding-top: 25px; }
.padTopHuge { padding-top: 35px; }
.padBottom { padding-bottom: 10px; }
.padBottomLarge { padding-bottom: 25px; }

.padLeftRightMore {
	margin-left: 15px;
	width: 97%
}

.padBoth {
	padding-left: 13px;
	padding-right: 13px;
}

.bottomTopPad {
	padding-bottom: 10px;
	padding-top: 10px;
}
.bottomTopPadSmall {
	padding-bottom: 5px;
	padding-top: 5px;
}
.bottomTopPadLarge {
	padding-bottom: 20px;
	padding-top: 20px;
}

.partnerLogoHeight {
	height: 88px;
	text-align:center;
   margin-top:0px;
   margin-bottom:0px;
   padding:0px;
   vertical-align: middle;
   display: table-cell;
}

.vertImageAlign {
   vertical-align: top;
}

.imageRightAlign {
	text-align: right; 
	margin-top:0px;
	margin-bottom:0px; 
	padding:0px;
}

.howItWorksImages {
	width: 200px;
	height: 100px;
	border: 1px;
	border-style: solid;
}

.checkBoxSpacing {
	height: 26px;
}

.formRow {
	height: 35px;
}
.formLabel {
	float: left;
	width: 160px; 
	text-align: right; 
	font-weight: bold;
}
.formInput {
	float: left;
	padding-left: 15px;
}
.formInputSize {
	width: 275px;
}
.formInputSize2 {
	width: 240px;
}
.formInputSelectSize {
	width: 280px;
}