@charset "UTF-8";

/* GENERAL ELEMENTS */

body 			{background: #fafdff url('../_assets/back.jpg'); background-repeat:repeat-x; background-position:top center; margin: 0px; font-family: Arial,Helvetica,"Bitstream Vera Sans",sans-serif; font-size:0.85em; color: #63647e; line-height:130%;}
h1 				{font-family:Arial,Helvetica,"Bitstream Vera Sans",sans-serif; color: #29AAE2; font-weight:normal; font-size: 2em; line-height:normal; margin-top: 5px; margin-bottom: 0px;}
h2 				{font-family:Arial,Helvetica,"Bitstream Vera Sans",sans-serif; color: #29AAE2; font-weight:normal; font-size: 1.3em; line-height:normal; margin-top: 10px; margin-bottom: 10px;}
h3 				{font-family:Arial,Helvetica,"Bitstream Vera Sans",sans-serif; font-weight:bold; font-style:italic; font-size: 1em; line-height:normal; margin-top: 10px; margin-bottom: 10px;}
h4				{font-family:Arial,Helvetica,"Bitstream Vera Sans",sans-serif; color: #29AAE2; font-weight:normal; font-size: 1.1em; line-height:normal; margin-top: 10px; margin-bottom: 10px;}
a				{color: #29aae2;}
p				{color: #63647e; font-size: 14px; line-height: 1.3em;}
hr				{width: 100%; height: 1px; border: 0px; background-color: #29aae2; margin-top: 10px; margin-bottom: 10px;}



/* PAGE BOXES */

#mainBox		{width: 903px; position: relative; left: 50%; margin-left: -452px; border-left: 1px solid #bbbbbb; border-right: 1px solid #bbbbbb; border-bottom: 1px solid #bbbbbb; background-color: #ffffff; padding: 10px;}			

#searchBox		{float: right; margin-top: 25px;}

#colBox			{padding-top: 10px;}

#searchBox input{margin-left: 5px;}

#sideNavBox		{float: left; width: 177px; background: #F2EEE7; padding: 0px}
#sideNavBox li 	{list-style:none; margin-top: 10px; margin-left: -15px;}
#sideNavBox ul ul li{list-style:circle; margin-left: -25px;}
#sideNavBox li a{color: #B0A59A; text-decoration: none;}
#sideNavTitle	{width: 137px; padding-top: 7px; padding-bottom: 7px; background: #766a62 url('../_assets/arrow_grey.gif'); background-position: 10px 50%; background-repeat: no-repeat; padding-left: 40px; color: white; text-transform:uppercase}

#contentBox		{float: left; width: 505px; margin-left: 20px;}
#contentBox li	{list-style:none; margin-left:-40px;}

#socialBox		{float: right; padding: 5px; margin-top: 5px;}
#socialBox img	{margin: 5px;}

#moduleBox		{float: left; margin-left: 20px; width: 175px;}
#module			{border: 1px solid #a5988e; width: 175px;}
#moduleTitle	{height: 18px; background-image: url('../_assets/gradient.gif'); color: #a5988e; font-weight: bold; padding: 7px; text-transform:uppercase;}

#menuBar		{width: 900px; background-color: #E7E2D8; border: 1px solid #a5988e; padding: 0px; text-align: justify; color: #a5988e; margin-left: 2px;}
#menuBar a		{display: block; height: 100%; width: 150px; font-family: Arial, Helvetica, sans-serif; color: #A5988E; text-decoration: none; float: left; text-align:center; padding-top: 8px; padding-bottom: 7px; font-weight:bold; font-size:14px; text-transform:uppercase;}
#menuBar a:hover{background-color: #766a62; color: #ffffff;}
#menuBar li		{list-style:none; display: block; margin: 0px; padding: 0px;}
#menuBar ul		{margin: 0px; padding: 0px;} 

#breadcrumbs	{margin-top: 8px; font-size: 1em; color: #766a62;}
#breadcrumbs a	{text-decoration: underline; color: #29aae2;}

#footerBox		{font-size: 10px; padding-bottom: 10px; line-height: 1.8em;}


/* HOME PAGE BOXES */

#homeLeftBox	{width: 770px; float: left;}

#homeModuleBox	{width: 120px; margin-left: 12px; float: left;}
#homeModule		{border: 1px solid #a5988e; width: auto; }

#homeBaseModules {float: left; border: 1px solid #a5988e; width: 183px; margin-right:7px; min-height:285px; max-height:285px;}

#homeTickerBox	{width: 410px; border: 1px solid #a5988e; float: left; height: 383px;}
#tickerText		{background: #646568 url('../_assets/video_back.gif'); background-repeat:repeat-x; padding: 10px; color: #ffffff; margin-top: 235px; height: 95px;}
#tickerTemp		{width: 410px;}


#homeNewsBox	{margin-left: 8px; width: 345px; float: left; border: 1px solid #a5988e; height: 383px;}
#homeNewsBox hr	{width: 100%; height: 1px; border: 0px; background-color: #29aae2; margin-top: 10px; margin-bottom: 10px;}
#homeNewsTitle	{background: url('../_assets/news_gradient.gif'); background-repeat:repeat-x; height:18px; padding: 7px; text-transform:uppercase; font-weight:bold; color: #636467;  border-bottom:1px solid #a5988e; }
#homeNewsContent{padding: 5px;}
hr.news			{width: 100%; height: 1px; border: 0px; background-color: #29aae2; margin-top: 0px; margin-bottom: 0px;}
li.news			{height: 78px; border-bottom: 1px solid #29aae2; padding-top: 10px; padding-bottom: 10px;}

.moduleArrow	{border: 0px; float: right; position: relative; top: 125px; right: 5px; margin-bottom: -125px; top:225px\0/;}
.resourceArrow	{border: 0px; float: right; position: relative; top: 90px; right: 35px; margin-bottom: -90px;}
.tickerModuleArrow	{border: 0px; float: right; position: relative; top: 75px; right: 0px; margin-bottom: -75px;}
.tickerBoxLink		{color: #ffffff;}
p.moduleText	{margin: 0px; padding: 10px;}


/* RESOURCE PAGE BOXES */

#resourcePanelLeft {width: 240px; float: left;}
#resourcePanelLeft {width: 240px; float: right;}
#resourcePanelText	{height: 100px; background: #646568 url('../_assets/video_back.gif'); background-repeat:repeat-x; padding: 10px; color: #ffffff; width: 220px;}
re
/* VIDEO PAGE BOXES */

#videoBoxLeft		{width: 230px; float: left; margin-right: 20px;}
#videoBoxRight		{width: 230px; border: 1px solid black; float: left;}
#mainVidDetails		{background-color: #E7E2D8; padding: 15px; width: 450px;}
.vidLabel			{display: block; width: 70px; text-align: right; float: left; height: 20px; margin-right: 10px;}
.cellBottom			{border: 1px solid #a5988e; background-image: url('/_assets/video_back.jpg'); background-repeat:repeat-x;}

/* SHOPPING CART STYLES */

#mainInfo		{width: 500px; }
#mainInfo #topRow{background-color: #E7E2D8; color:#766a62; text-transform:capitalize; font-weight:bold;}
#mainInfo #topRow div	{float: left;}

.bottomRow		{float: right; border-bottom: 1px solid #E7E2D8; width: 500px; padding-bottom: 10px;}
.totalFigure	{float: right; font-weight:bold;}
.orderTotal		{float: right; font-weight:bold; margin-right: 53px;}
.details	{height: 20px; text-align:center; width: 250px; padding-top: 12px; padding-bottom: 10px; float: left;}
.qty 		{height: 20px; text-align:center; width: 90px; padding-top: 12px; padding-bottom: 10px; float: left;}
.price 		{height: 20px; text-align:center; width: 60px; padding-top: 12px; padding-bottom: 10px; float: left;}
.total 		{height: 20px; text-align:center; width: 60px; padding-top: 12px; padding-bottom: 10px; float: left;}
.remove		{height: 20px; text-align:center; width: 20px; padding-top: 12px; padding-bottom: 10px; float: left;}
.row		{border-bottom: 1px solid #E7E2D8;}

/* ACCOUNT PAGE STYLES */

#accountMenu div	{float: left; font-weight: bold; margin-right: 5px; padding: 7px; background: #F2EEE7; color: #B0A59A; border: 1px solid #a5988e;}
#accountMenu div a	{color: #B0A59A; text-decoration:none;}

.nonEdit1	{background-color: #ffffff; font-size:12px; padding: 3px; border: 1px solid #c1c1c1; margin-bottom: 2px;}
.nonEdit2	{background-color: #ffffff; font-size:12px; padding: 3px; border: 1px solid #c1c1c1; margin-bottom: 2px;}
.nonEdit2read	{background-color: #ffffff; font-size:12px; padding: 3px; border: 1px solid #c1c1c1; margin-bottom: 2px;}
.nonEdit3	{background-color: #ffffff; font-size:12px; padding: 3px; border: 1px solid #c1c1c1; margin-bottom: 2px;}
.edit1		{border: 1px solid #a5988e; font-size: 12px; padding: 3px; }
.edit		{background-color: #ffffff; font-size:12px; padding: 3px; border: 1px solid #818181; margin-bottom: 2px;}
#editDetails input	{margin-bottom: 10px;}	

#personalDetails label		{width: 150px; float: left; display: block; text-align:right; padding: 2px;}		
#address label				{width: 150px; float: left; display: block; text-align:right; padding: 2px;}
#furtherDetails label		{width: 150px; float: left; display: block; text-align:right; padding: 2px;}

#fieldsetDiv	{border: 1px solid #E7E2D8; padding: 10px; width: 480px;}

.accDate	{height: 20px; text-align:center; width: 100px; padding-top: 12px; padding-bottom: 10px; float: left;}
.accCode	{height: 20px; text-align:center; width: 60px; padding-top: 12px; padding-bottom: 10px; float: left;}
.accStatus	{height: 20px; text-align:center; width: 190px; padding-top: 12px; padding-bottom: 10px; float: left;}
.accProd	{height: 20px; text-align:center; width: 60px; padding-top: 12px; padding-bottom: 10px; float: left;}
.accTotal	{height: 20px; text-align:center; width: 60px; padding-top: 12px; padding-bottom: 10px; float: left;}
.oStatus	{height: 20px; text-align:center; width: 150px; padding-top: 12px; padding-bottom: 10px; float: left;}

#detailBox	{border: 1px solid #aaaaaa; float: left; margin-right: 20px; padding: 10px;}

#SPLSearchArea table	{width: 310px;}
#pageForm .SPLAddressListSt{font-family: Arial, Helvetica, sans-serif; font-size: 12px; margin-top: 0; margin-bottom: 0; width: 310px;}


/*#accountMenu div a:hover	{color: #766a62;}*/



/* GENERAL CLASSES */

.inset			{margin-top: 10px; margin-left: 15px;}
.clear			{clear: both;}
.boldText		{font-weight: bold}
.underlineText	{text-decoration: underline;}
.noUnderline	{text-decoration: none;}
.fRight			{float: right;}
.fLeft			{float: left;}
.aRight			{text-align: right;}
.red			{color: red;}
.bodyCopyLargerSEMatch	{font-weight: bold; color: red}



#pageForm label	{font-weight: bold;}
#pageForm input	{width: 300px; margin-bottom: 15px;}
#pageForm select{width: 150px; margin-bottom:15px;}
#pageForm select#long{width: 250px; margin-bottom:15px;}
#pageForm br	{clear: both; margin-bottom: 5px;}
#pageForm br#radio{clear: both; margin-bottom: 0px; margin-top: -5px;}
#pageForm input#defSize{width: auto;}
#pageForm input#defSizeHeight{width: auto; margin-bottom: 0px;}