/*
div {border: #000 1px solid;}
div.mainframe, div.quotesmainframe {border: #000 1px solid;}
*/

body { 
font-size: 12px; background: #fff; font-family: tahoma, arial ;
margin:20px; padding:0;
}

img {border-style:none;}

body#basketbody {margin:0;}

/*body {font-family:Arial, Tahoma; font-size:12px; margin:20px;}*/

h1,h2,h3,h4{clear:both;}
div.entry h2{font-size:13px; color:#069; margin:10px 0 0 0; padding:0; clear:none;}
h3{font-size:13px; color:#960; margin:10px 0 0 0; padding:0; clear:none;}

br{clear:both;}

a { 
color: #069 
} 
a:hover { 
color: #960 
} 
.mainframe 
{
border-right: #ccc 1px solid; border-top: #ccc 1px solid; background: url(../images/topgrad.jpg) #fff repeat-x 0 25px; border-left: #ccc 1px solid; border-bottom: #ccc 1px solid; padding-right:2px;
} 

.quotesmainframe 
{
border-right: #ccc 1px solid; border-top: #ccc 1px solid; background: url(../images/topgrad.jpg) #fff repeat-x 0 25px; border-left: #ccc 1px solid; border-bottom: #ccc 1px solid; padding-right:2px;
} 

#DownloadForm {margin-left:40px; padding-bottom: 20px;}

.ClearBoth {clear:both;}

/*-- Footer--*/
div#footer { 
clear: both; margin-top:-12px;  border-top: #bda100 3px solid; border-bottom:solid 1px #ccc; padding: 5px;  background:#fff ) no-repeat 5px 18px;
} 
div#footer h5{margin:0 0 0 45px; padding:0; font-size:10px; color:#666;}
div#footer p{margin:0 0 0 45px; padding:6px 0; color:#666;}

ul.topnavigation{width:99%; margin: 0; padding:5px 0 5px 0; text-align:right;}
#m {float:left; height:35px;}
ul.topnavigation li { 
display: inline; padding-left: 7px; margin: 0px 3px; border-left: #ccc 1px solid; list-style-type: none 
} 
ul.topnavigation li a{text-decoration:none;}
#footer ul{ text-align:right; padding:0; margin:0;}
#footer ul li { 
display: inline; padding-left: 7px; margin: 0px 3px; border-left: #ccc 1px solid; list-style-type: none 
} 

div#TopLinks{ background:#fff;  padding:3px; display:block;  clear:both; width:98%; }

#copyright {float:left;}


/*-- Search and Logo--*/
#skiplink {text-indent: -8000px;}
div#LogoAndSearch{ clear:both; height:70px;}
div#Search{float:right; padding:10px;}
div#Search input.Field{font-size:10px; border:solid 1px #ccc; vertical-align:middle; padding:2px;}
div#Search input.Button, div#Search span{ vertical-align:middle;}
#logo {}
h1.logo {width:360px; float:left; padding-right: 0px; padding-left: 0px; background: url(../images/sandslogo.gif) no-repeat 2px 2px; padding-bottom: 0px; margin: 0px; text-indent: -8000px; padding-top: 0px; height: 80px 
} 

h1.logo a{display:block; height:70px}
div#Accessibility{float:right; padding:5px;}
div#logoleft{float:left;}
div.sizes{float:left;}
div.colours{float:right; padding:5px; }
.colourchoice {margin:0px; padding:0px; height:28px; border:none;}



/*---Image Banner--*/

/*-- Theme Default--*/
div.ThemeDefault { 
border-right: #ccc 1px solid; border-top: #ccc 1px solid; background: url(../images/bannerpic2.jpg) no-repeat right top; border-left: #ccc 0px solid; border-bottom: #ccc 1px solid; height: 128px;
} 
div.ThemeDefault h2 { 
padding-right: 0px; padding-left: 0px; background: url(../images/bannerText.gif) no-repeat right top; padding-bottom: 0px; margin: 0px 320px 0px 0px; text-indent: -8000px; padding-top: 0px; height: 100px; float:right;
} 

div.Theme1 { 
border-right: #ccc 1px solid; border-top: #ccc 1px solid; background: url(../images/bannerpic2.jpg) #069 no-repeat right top; border-left: #ccc 0px solid; border-bottom: #ccc 1px solid; height: 128px
} 
div.Theme1 h2 { 
padding-right: 0px; padding-left: 0px; background: url(../images/bannerText.gif) no-repeat right top; padding-bottom: 0px; margin: 0px 320px 0px 0px; text-indent: -8000px; padding-top: 0px; height: 100px; float:right; width:450px;
} 

/*-- Left Navigation--*/
div.leftnav { 
padding-right: 0px; padding-left: 0px; float: left; padding-bottom: 0px; margin: 0px; width: 20%; padding-top: 12px; list-style-type: none;
}

/*-- Hack--*/
/*ul.leftnav {padding-bottom:900px; margin-bottom:-1000px;overflow:hidden; background: url(../images/topgrad.jpg) #fff repeat-x; }
.mainframe{overflow:hidden;  margin:0 1em;}
div#footer{z-index:100; position:relative;  display:block; margin:0 1em;}*/
/*--End Hack--*/


div.leftnav a { 
padding-right: 5px; display:inline; padding-left: 5px; padding-bottom: 5px; padding-top: 5px; text-decoration: none; font-weight:bold; 
} 
div.leftnav a:hover { 
background: #ede5b8; color: #333 
} 

/*--- Sub nav--*/
div.leftnav {margin-bottom:10px;}
div.leftnav ul{ list-style-type:none; margin:0 0 0 15px; padding:0 0 5px 0}
div.leftnav ul li{border:0;padding:0 3px 12px 0 ;}
div.leftnav ul li li{padding-bottom:4px;}
div.leftnav ul li a{border:0;padding:2px 0; color:#960; background:transparent;}
div.leftnav ul li a:hover{background:transparent; color:#333}
div.leftnav ul li ul{margin:5px 0 0 5px;}
div.leftnav ul li ul li a{font-weight:normal; color:#069;}
div.leftnav ul li ul li a:hover{color:#960; text-decoration:underline;}


/*-- Col 2--*/
div#col2 {
padding-right: 10px; padding-left: 5px;  padding-bottom: 10px; padding-top: 10px; float:left;  width:50%; min-height:500px; border-left: #ccc 1px solid;
margin-bottom:10px; background: url(../images/size.gif) no-repeat top left;} 

div#quotescol2 {
padding-right: 10px; padding-left: 5px;  padding-bottom: 10px; padding-top: 10px; float:left; width:59%; min-height:500px; border-left: #ccc 1px solid;
margin-bottom:10px; background: url(../images/size.gif) no-repeat top left;} 

ul.breadcrumb { padding:0; margin: 0px;  list-style-type: none } 
ul.breadcrumb li { padding-right: 5px; display: inline } 
ul.breadcrumb li a { padding-right: 10px; background: url(../images/breadcrumbarrow.gif) no-repeat right center; text-decoration: none } 
ul.breadcrumb li.lastItem a { padding-right: 10px; background : none; text-decoration: none } 
ul.postings { padding-right: 0px; padding-left: 10px; padding-bottom: 0px; margin: 0px; padding-top: 0px; list-style-type: none } 
ul.postings li p { margin-top: 0px; /*line-height: 13px;*/ padding-top: 0px } 
ul.postings li h3 { font-weight: normal; font-size: 15px; margin: 0px 0px 3px } 
ul.postings li h3 a { text-decoration: none;} 
ul.postings li h3 a:hover { color: #bda100 } 
ul.postings li span { padding-right: 0px; display: block; padding-left: 0px; padding-bottom: 4px; color: #666; padding-top: 0px }
h3 a {font-size: 18px;}
/*--Col 3--*/
div#col3{float:right; width:20%; background:#fff url(../images/BlueGrad.jpg) repeat-x; } 

div#quotescol3{background:none; float:right; width:19%; padding-left:0; padding-top:10px;} 
#basketiframe{height:50px;}

ul#col3 { 
padding-right: 10px; padding-left: 10px; background: #eee; float: right; padding-bottom: 10px; margin: 0px; width: 20%; padding-top: 10px; list-style-type: none } 
ul#col3 li a { font-weight: bold } 
ul#col3 li p { padding-right: 0px; padding-left: 0px; padding-bottom: 7px; margin: 0px; padding-top: 2px } 
div.box { border-right: 1px solid; padding-right: 10px; border-top: 1px solid; padding-left: 10px; padding-bottom: 10px; border-left: 1px solid; width: 200px; padding-top: 10px; border-bottom: 1px solid } 


/*-- Article Classes--*/
h1.ArticleHeading{font-size:18px; color:#333; padding:0; margin:5px 0; /*line-height:12px;*/}
p.Summary{font-size:13px; /*line-height:15px;*/ color:#666; padding:5px 0 10px 0; margin:0; border-bottom:solid 1px #ccc;}
p.SummaryCover{font-size:13px; /*line-height:15px;*/ color:#666; padding:5px 0 0 0; margin:0;}
div.BodyArea{margin-top:10px;}
div.BodyArea img{margin-right:5px;}
div.BodyArea h2{font-size:13px; color:#069; margin:10px 0 0 0; padding:0; clear:none;}
div.BodyArea h3{font-size:13px; color:#960; margin:10px 0 0 0; padding:0; clear:none;}
div.BodyArea p{margin:5px 0 0 0; padding:0;}
div.BodyArea ul li{margin:5px 0;}
div.entry {margin-top:10px;}
div.entry img{/*float:left;*/ margin-right:5px;}
div.entry h2{font-size:13px; color:#069; margin:10px 0 0 0; padding:0; clear:none;}
div.entry h3{font-size:13px; color:#960; margin:10px 0 0 0; padding:0; clear:none;}
div.entry p{margin:5px 0 0 0; padding:0;}
div.entry ul li{margin:5px 0;}
.Address {float:left;}
.64bit {font-weight:bold;}

/*--Events--*/

div#EventDetails ul{padding:10px 0; margin:0; list-style-type:none; color:#960; font-weight:bold;}


/*--Documents--*/
div#Documents{}
div#Documents h2{ text-indent:-9000px; background:url(../images/DocumentsHeading.png) no-repeat 15px 10px; height:45px;}
div#Documents ul{margin:0 0 0 15px; padding:0;}
div#Documents ul li{margin:0 5px 10px 0; background:url(../images/DocumentIcon.gif) no-repeat; padding-left:25px; list-style-type:none; /*line-height:13px;*/}
div#Documents ul li a{font-weight:bold; text-decoration:none;}

/*--Related links--*/
div#RelatedLinks{padding-bottom:0;}
div#RelatedLinks h2{ text-indent:-9000px; background:url(../images/LinksHeading.png) no-repeat 15px 10px; height:50px;}
div#RelatedLinks ul{margin:0 0 0 15px; padding:0;}
div#RelatedLinks ul li{margin:0 5px 10px 0; background:url(../images/LinkIcon.gif) no-repeat; padding:0 0 7px 30px; list-style-type:none; /*line-height:13px;*/ /*border-bottom:solid 1px #ccc;*/}
div#RelatedLinks ul li a{font-weight:bold; text-decoration:none;}

/*-- Form--*/
.Form{ background:#eee; margin:10px 0; padding:10px;}
.Form div{padding:5px 0; clear:both; display:block;}
.Form  label, .Form  span.Label{width:105px;  display:block; float:left; font-weight:bold; color:#666;}
.Form span.Field{ float:left; clear:right}
.Form  input.Field, .Form textarea.Field{width:180px; border:solid 1px #ccc; font-family:Tahoma; font-size:10px; padding:2px 5px;}
.Form input.Button, .Button{background:url(../images/ButtonGrad.jpg) repeat-x; font-size:10px; font-weight:bold; font-family:Tahoma; border:solid 1px; border-color:#ccc #999 #999 #ccc; color:#333; }
.Form input.Button{margin-left:80px;}
span.Validator{display:block;}

a.Print{ background:url(../images/PrintIcon.gif) no-repeat; text-indent:-9000px; display:block; height:30px; border:0; text-decoration:none;}

/*-- Product--*/

div#ProductInfo{margin:10px 0; padding:5px 0; clear:both; font-weight:bold;display:block;}
div#ProductInfo a{text-decoration:none;}
div#ProductInfo div{float:left; padding:8px 10px 10px 37px; border:solid 1px #ccc; margin-right:5px;}

.Install{ background:url(../images/InstallIcon.gif) no-repeat 5px 0;}
.Price{ background:url(../images/CoinIcon.gif) no-repeat 5px 0;}
.PDF{ background:url(../images/PDFIcon2.gif) no-repeat 5px 3px; clear:right;}
.Tutorial{ background:url(../images/TutorialIcon.gif) no-repeat 5px 3px; clear:right;}

div#PurchaseAndPricing{float:right;}
div#PurchaseAndPricing .button {text-align:center; font-weight:bold; color:black; background-color:#e0e1ff; border:solid 2px; padding:3px; border-color: #ccc;}
div#PurchaseAndPricing .button:hover {background-color:#a9abfa;}
div#PurchaseAndPricing .button:active {border-color:#999;}
div#PurchaseAndPricing .button a:hover {color:#069;}

/*-- Homepage--*/
div#News{}
div#News h2{ background:url(../images/NewsHeading.png) no-repeat 0 7px; text-indent:-9000px ; border:solid #ccc; border-width:1px 0; height:30px; padding:0} 
div#News ul{ margin:0; padding:0; list-style-type:none}
div#News ul li{margin-bottom:10px; background:url(../images/EventsIcon.gif) no-repeat; padding-left:50px;}
div#News ul li ul li{padding:0; margin:0; color:#666; background:#fff;}
div#News ul h3{font-size:13px; padding:0; margin:0 0 5px 0;}
div#News ul p{margin:0; padding:5px 0 0 0; /*line-height:12px;*/}

/*-- Promotions--*/

div#Promotions{}
div#Promotions h2{ background:url(../images/PromotionsHeading.png) no-repeat 0 7px; text-indent:-9000px ; border:solid #ccc; border-width:1px 0;height:30px;padding:0} 
div#Promotions ul{ margin:0; padding:0; list-style-type:none}
div#Promotions ul li{margin-bottom:10px; background:url(../images/EventsIcon.gif) no-repeat; padding-left:50px; }
div#Promotions ul li ul li{padding:0; margin:0; color:#666; background:#fff;}
div#Promotions ul h3{font-size:13px; padding:0; margin:0 0 5px 0;}
div#Promotions ul p{margin:0; padding:5px 0 0 0; /*line-height:12px;*/}

div#Events{}
div#Events img{float:left; margin-right:10px;}
div#Events h2{ background:url(../images/EventsHeading.png) no-repeat 0 7px; text-indent:-9000px ; border:solid #ccc; border-width:1px 0;height:30px;padding:0} 
div#Events ul{ margin:0; padding:0; list-style-type:none}
div#Events ul li{margin-bottom:10px; background:url(../images/EventsIcon.gif) no-repeat; padding-left:50px; }
div#Events ul li ul li{padding:0; margin:0; color:#666; background:#fff;}
div#Events ul h3{font-size:13px; padding:0; margin:0 0 5px 0;}
div#Events ul p{margin:0; padding:5px 0 0 0; /*line-height:12px;*/}

#feed {padding-right:8px; margin-top:20px;vertical-align:text-bottom; border:none;}
#feedlink {text-decoration:none; }

/*--Summary--*/
div#SectionSummary ul{margin:10px 0 0 0; padding:0; list-style-type:none;}
div#SectionSummary li{ margin:0 0 10px 0;  clear:both;}
div#SectionSummary ul li img{padding-bottom:7px;}
div#SectionSummary h3{font-size:13px; margin:0; padding:0 0 5px 0;} 
div#SectionSummary p{margin:0; padding:0; line-height:13px;}
div#SectionSummary img {width:90px; float:left; margin-right:5px;}

div#CategoryPageContent {text-align:center;}
div#CategoryPageContent a{text-decoration:none;}
div#CategoryPageContent img {width:100px; border: 1px solid #14397f;}
div#CategoryPageContent p.Description {width:90%; margin: 2px 10% 5px 10%; color:#000; text-align:justify;}

div.CategorySubcategoryList {width: 30%; float:left; padding-bottom:15px;}


/*Accessibility*/
ul.ColourScheme{margin:10px 0; padding:0; clear:both;}
ul.ColourScheme li{display:inline; margin-right:3px; padding:5px 8px; border:solid 1px #666;}
li.Black{background:#000; color:#fff}
li.Yellow{background:#ffc; color:#000}
li.Blue{background:blue; color:#fff}

ul.FontScheme{margin:5px 0; padding:0; clear:both;}
ul.FontScheme li{display:inline; margin-right:3px; padding:3px}
li.Small{font-size:10px}
li.Medium{font-size:15px}
li.Big{font-size:20px}

div#AccessibilityConsole{}

div#AccessibilityConsole h3{ font-size:13px; margin:10px 0 10px 0; padding:0;} 


/*--Long Label--*/

div div label.LongLabel{ float:none; display:block; width:500px; padding:0 0 5px 0}
.Field2{width:200px; border:solid 1px #ccc; font-family:Tahoma; font-size:12px; padding:2px 5px;}

.Field3{width:280px; border:solid 1px #ccc; font-family:Tahoma; font-size:12px; padding:2px 5px;}
div.Indent{}
div#Submit input.NoMargin, div#ButtonArea input.NoMargin{margin:0;}

/*--Form Feedback--*/

div#Feedback{background:#eeeeee; padding:10px;}
div#Feedback b{display:block; padding:5px 0 3px 0; color:#333;}
div#Feedback h3{padding:5px 0; margin:0; font-size:15px; font-weight:normal;}

div.Form h3{margin:5px 0; padding:5px 0 5px 0; font-size:10px; border-bottom:solid 1px #ccc}
div.Form span.Validation2{}
div#Suscription label{width:300px; float:none; display:inline}
div#Feedback b{color:#666; width:100px; padding:0; margin:0; display:inline; display:block; font-weight:bold; float:left; }
div#Feedback div{padding:0; margin:0; clear:both;}
div#Feedback h3{padding:0 0 5px 0; margin:10px 0 6px 0; font-size:13px; color:#333; font-weight:bold; }
div#Feedback h2{font-size:13px; font-weight:normal; padding:0; margin:0;}

div.Form div p{color:#666; margin:0 0 6px 0; padding:0;}

/*---Price Page Style---*/
body {font-family:Arial, Tahoma; font-size:12px; margin:20px;}
table{font-family:Arial, Tahoma; font-size:12px; width:100%;}
caption{font-size:17px; padding:5px 0; color:#666; text-align:left; font-weight:bold;}
.caption{font-size:17px; padding:5px 0; color:#666; text-align:left; font-weight:bold; float:left;}
th{padding:5px; background:#069; text-align:left; color:#fff; font-size:12px; font-weight:bold}
td{padding:10px 5px; border-bottom:solid 1px #ccc}
.supports {margin:0 0 0 15px; padding:0}
#caption{color:#666;}

/*---Contact Form Style Info----*/
.formrow {clear: left; padding-top: 5px;}
.formrow label {float: left; width: 100px; padding-top: 3px;}
.formrow input, .formrow select, .formrow textarea {width: 250px;}
.formrow textarea {height: 200px;}
.buttons {margin-left: 100px; padding-top: 10px;}
.done, .error {border: 1px solid #000000; padding: 5px;}
.done {font-weight: bold;}

/* --- --- --- Quotes System --- --- --- */
div.leftnav ul li {font-weight:bold;}
/*-- Tabular Data--*/
table.Data{border:solid 1px #ccc; font-size:1em; color:#333; width:100%;}
table.Data tr th{padding:.7em .5em; text-align:left; background:#ece3b5; color:#333; border-bottom:solid 1px #ccc;}
table.Data tr td{padding:.6em;}
table.Data tr td a{font-weight:bold;}
table.Data tr td a:hover{color:#c90;}
table.Data .thead td{font-weight:bold;padding:.5em ; color:#666; background-color:#ece3b5}
table.Data tr.row1 td{padding:.3em .5em; background-color:#fff}
table.Data tr.row2 td{padding:.3em .5em; background-color:#e8f1f6}
input.button{font-size:1em; font-weight:bold; color:#666; background-color:#ece3b5; border:solid 1px; border-color: #ccc #ccc #999 #999;}
div#buttons{margin:.5em 0 1em 11.5em; padding-left:1em; clear:both;}
table.Data tr td.Category {font-weight:bold; padding-top:.5em}
table.Data tr.row1 td.Subcategory{color:#666; padding-left:25px; background:url(../images/BlueBullet.gif) no-repeat 10px 7px;}
/* --- --- Line Up Buttons on various forms --- --- */
.buttonalignment {float:right; padding:5px;}


/*The following lines need to be edited for different colour sheets*/
/* Unused for standard Colours
h2,h3,h4,h5,p,body,ul,li{color:#000000; background:#ffff00;}
h2,h3,h4,h5,p,body,ul,li a{color:#000000; background:#ffff00;}
a:hover {color: #000000;} 
ul.leftnav li ul li a{color:#000000;}
ul.leftnav li ul li ul li a{color:#000000;}
ul.leftnav li ul li ul li a:hover{color:#000000;}
*/

/* The following is the information for large.css
/* NOT IN USE 
body,p,a,h2,h3,h4 {font-size:16px;}
h1 {font-size:18px;}
h5 {font-size:13px;}*/