/*  Copyright So Special Enterprises */

/*Main Header */

body{
padding:0px;
margin:0px;
width:1006px;

}

.header {
		 	margin: 0px;
		 	padding: 0px;
		 	background-color:#ff99ff;
			height:68px;
			width:100%;
			
}

.menu {
position:absolute; 
font:12px arial, helvetica, sans-serif; 
background-color:#CC99CC; 
color:#FFFFFF;
font-weight:normal;
align:center; 
margin-top: 50px;
top:-90px;
left:10px;
width:150px;
}

#fileMenu {
top:50px;
left:280px; 
width:100px;

}

.menutextbar {
color: #FFF;
background: #CC99CC;
text-decoration: none;
}
.menutextbar:hover {
background: #FF99FF;
color: #333;
width:100%;
}


.box {
margin-top:0px;
margin-left:350px;
padding-top:0px;
display: inline;
}

.homebox {
margin-top:0px;
margin-left:25px;
padding-top:0px;
width:250px;

}

.logo {
					 	width: 300px;
						height: 65px;
						background: url(images/sospeciallogo.jpg);
						float: left;
						padding: 0;
						margin:0px;
}

/* Navigation bar 1*/
.headernav1 {
		 	margin: 0px;
		 	padding: 0px;
		 	background-color:#cc99cc;
			height:20px;
			width:100%;
}
.nav1 {
	font-family: Arial;
	font-size: 12px;
	padding-left:20px;
	margin: 0;
}
/* Navigation bar 2*/
/*.headernav2 {
		 	margin: 0px;
		 	padding: 0px;
		 	background-color:#999999;
			height:20px;
			width:100%;
}   ----------------------Grey Strip*/

.headernav2 {
		 	margin: 0px;
		 	padding: 0px;
		 	background-image:url(images/ice.gif);
			height:20px;
			width:100%;
}

.blackmenutext{
	font-family: Arial;
	font-size: 12px;
	color:#FFFFFF;
	font-weight:normal;
	margin-left:30%;
	}
.white{

	color:#FFFFFF;
	text-decoration:none;
	
	}
	.blackmenutext2{
	font-family: Arial;
	font-size: 12px;
	padding-left: 44%;
	margin: 0;
	color:#FFFFFF;
	font-weight:normal;
	position:absolute;
	}
/* Site Text */

p {
	font-family: Arial;
	font-size: 12px;
	padding: 2px;
	margin: 0px;
}

.faq {
	font-family: Arial;
	font-size: 12px;
	padding: 6px;
	margin: 0px;
}
/* out of stock*/
p.small {
	font-family: Arial;
	font-size: 10px;
	padding: 0px;
	margin-left: 0px;
}

.contact {
	font-family: Arial;
	font-size: 12px;
	padding: 0px;
	margin-left: 2%;
	margin-right: 2%;
	margin-bottom: 0%;
	margin-top: 0%;
}

.pagelink {
	font-family: Arial;
	font-size: 14px;
	padding: 0px;
	margin-left: 0px;
	font-color:#ff99ff;
	
}

.pagenext {
	font-family: Arial;
	font-size: 14px;
	padding: 0px;
	margin-left: 0px;
	font-color:#000000;
	font-weigt:bold;
	text-decoration:none;
	
}




p.green {
	font-family: Arial;
	font-size: 12px;
	padding: 4px;
	margin-left: 60px;
}

p.cart {
	font-family: Arial;
	font-size: 9px;
	padding: 4px;
	margin: 0;
}
p.order {
	font-family: Arial;
	font-size: 12px;
	padding: 4px;
	margin: 0;
	color:#000000;
}


p.cartprice {
	font-family: Arial;
	font-size: 9px;
	padding: 4px;
	margin: 0;
	color:red;
}
p.head {
	font-family: Arial;
	font-size: 28px;
	padding: 2px;
	margin: 0;
	font-weight:normal;
	float:left;
}

p.desc {
	font-family: Arial;
	font-size: 12px;
	padding: 8px;
	padding-top: 18px;
	text-align: center;
}

p.large {
	font-family: Arial;
	font-size: 26px;
	padding: 4px;
	margin: 0;
	text-align: center;
}
p.cell {
	font-family: Arial;
	font-size: 22px;
	padding: 4px;
	margin: 0;
	text-align: center;
	color:#666699;
}
p.content {
	font-family: Arial;
	font-size: 12px;
	padding: 2px;
	margin: 0;
	text-align: center;
	color:#000;
}

p.error {
	font-family: Arial;
	font-size: 12px;
	padding: 2px;
	margin: 0;
	text-align: center;
	color:#000;
	position:absolute;
	margin-top:0px;
}

p.del {
	font-family: Arial;
	font-size: 12px;
	padding: 2px;
	font-weight:bold;
	margin-left: 30px;
	margin-bottom:0px;
	margin-right:0px;
	margin-top:0px;
	color:#999999;
}

h1.special {
	 font-family: Arial;
	 font-size: 12px;
	 color: #8F19F4;
	 padding-left: 2px;
	 padding-top: 8px;
	 padding-bottom: 0px;
	 padding-right: 0px;
	 margin: 0;
}
.imgborder {
	 padding:0px;
	 margin:0px;
	 border:solid 1px;
	 font-align:center;
	 width:560pxF;
}

h1.specialbrand {
	 font-family: Arial;
	 font-size: 16px;
	 color: #993399;
	 align:left;
	 padding-left:0px;
	 padding-top: 8px;
	 padding-bottom: 0px;
	 padding-right: 0px;
	 margin: 0;
	
}

h2.special {
	 font-family: Arial;
	 font-size: 12px;
	 color: #000;
	 padding-left: 8px;
	 padding-top: 6px;
	 padding-bottom: 0px;
	 padding-right: 0px;
	 margin: 0;
}

h2.title {
  font-family: Arial;
	font-size: 14px;
	padding: 4px;
	margin: 0px;
	color: #666699;
	font-weight:bold;
}
h2.titlecell {
	color:#000000;
  font-family: Arial;
	font-size: 14px;
	padding: 4px;
	margin: 0px;
	color: #77b5f7;
	font-weight:bold;
}
h2 {
	 font-family: Arial;
	 font-size: 16px;
	 color: #666699;
	 padding-left: 8px;
	 padding-top: 6px;
	 padding-bottom: 0px;
	 padding-right: 0px;
	 margin: 0;
}

h3.special {
	 font-family: Arial;
	 font-size: 12px;
	 color: #9900CC;
	 padding: 2px;
	 Margin:4px;
	 text-align:right;
	 
}

h3.specialleft {
	 font-family: Arial;
	 font-size: 12px;
	 color: #9900CC;
	 padding: 2px;
	 Margin:4px;
	 text-align:left;
	 
}
h4.special {
	 font-family: Arial;
	 font-size: 14px;
	 color: #9900CC;
	 padding: 5px;
	 margin: 5px;
	 text-align:center;
}

h4.specialcol {
	 font-family: Arial;
	 font-size: 12px;
	 color: #9900CC;
	 padding: 5px;
	 margin: 5px;
	 text-align:center;
	 font-weight:normal;
}

h4.del {
	 font-family: Arial;
	 font-size: 12px;
	 color: #9900CC;
	 padding: 5px;
	 margin: 5px;
	 border-bottom:dotted;
	 text-align:left;
}

.featureimg {
           width: 133px;
					 height: 100px;
					 
}
.imgpad {
						float: center;
						 margin: 2px;
}






/* right and left Column */

.rightborder {
			 	position: absolute;
				right: 10px;
				width: 100%;
				border-right: 0px hidden #FFF;
				border-left: 0px hidden #FFF;
				border-bottom: 0px hidden #FFF;
				padding: 0px;
				left: 0px;
				margin-top: 0;
}


.rightcellheader {
			 	position: absolute;
				right: 10px;
				width: 200px;
				top: 90px;
				border-right: 0px hidden #FFF;
				border-left: 0px hidden #FFF;
				border-bottom: 0px hidden #FFF;
				left:800px;
				
}



.titlebar {
					 height: 22px;
					 background: url(images/titlebar.gif);
					 font-weight: bold;
	 				 font-color: #FFF;
	 				 padding-left: 0px;
	 				 padding-top: 0px;
					 padding-bottom: 0px;
	 				 padding-right: 0px;
					 margin: 0;
					 width: 200px;
					 font-family: Arial;
	 				 font-size: 12px;
}

.leftcellheader {
			 	position: absolute;
				left: 10px;
				right: 0px;
				width: 200px;
				top: 90px;
				border-right: 0px hidden #FFF;
				border-left: 0px hidden #FFF;
				border-bottom: 0px hidden #FFF;
				margin: 0;
}


.border {
			 	position: absolute;
				left: 0px;
				right:0px;
				width: 100%;
				border-right: 0px hidden #FFF;
				border-left: 0px hidden #FFF;
				border-bottom: 0px hidden #FFF;
				padding: 0px;
				margin: 0px;
				
}

.tdborder {
				left: 0px;
				right:0px;
				border-right: 2px solid #669999;
				border-left: 2px solid #669999;
				border-bottom: 2px solid #669999;
				padding: 0px;
				margin: 0px;
				background: url(images/outercellback.gif);	
        width:\196px;
				
}


.footer {
			margin: 0px;
		 	padding: 0px;
		 	background-color:#cc99cc;
			height:40px;
			width:100%;
				 
}


/* THE PAGE GRAPHIC AND TITLE*/
.pageintro {
font-family: Arial;
	 font-size: 14px;
	 color: #CC99CC;
	 padding-left: 15%;
	 padding-top: 8px;
	 padding-bottom: 0px;
	 padding-right: 0px;
	 margin: 0;
	 font-weight:bold;
	 }
	 
/* header form*/

form.head {
display: inline;
margin-top:0px;
padding-top:0px;
}


/*center column */
.center2 {
				 background:#FFFFFF;
				 margin-top: 10px;
				 margin-left: 23%;	
				 margin-right: 220px;	 
}

.centerindex { /* layout boxes on homepage */
				 background:#FFFFFF;
				 width:45%;	 
}

.centerindexright { /* layout boxes on homepage */
				 background:#FFFFFF;
				 width:45%;
				 margin-left:50%;	 
}

.CColumn{
				 background:#FFFFFF;
				 margin-top: 160px;
				 margin-left: 220px;
				 margin-right: 220px;		 
}

/*.Pricing{
				 margin-left: 450px;	
			   text-align:right;
				 padding:0px; 
}*/

.CColumnhome2{
				 background:#FFFFFF;
				 margin-top: 20px;
				 margin-left: 150px;
				 margin-right: 150px;		 
}

.CColumnhome{
				 background:#FFFFFF;
				 margin-top: 20px;
				 margin-left: 220px;
				 margin-right: 220px;	
				 padding-top:0px;	 
}

.CColumnaccount{
				 background:#FFFFFF;
				 margin-top: 0px;
				 margin-left: 220px;
				 margin-right: 220px;		 
}

.CColumnproduct{
				 background:#FFFFFF;
				 margin-top: 20px;
				 margin-left: 220px;
				 margin-right: 220px;		 
}

.center {
				 background:#FFFFFF;
				 margin-top: 10px;
				 margin-left: 0px;
				 margin-right: 0px;			 
}

.tdbordercenter {
				left: 0px;
				width: 100%-4px;
				border-right: 3px ridge #CC66FF;
				border-left: 3px ridge #CC66FF;
				border-bottom: 3px ridge #CC66FF;
				padding: 0px;
				background:#FFFFFF;
				left: 0px;
				top: 0px;
				margin:0px;
}


.centermenu {
				 margin-top: 0;
				 margin-left: 23%;			 
}

.leftcurve {
					 	width: 50px;
						height: 25px;
						background: url(images/leftcurve.gif);
						float: left;
						padding: 0;
}
.rightcurve {
					 	width: 50px;
						height: 25px;
						background: url(images/rightcurve.gif);
						float: right;
						padding: 0;
}

.centerheader {
			       height: 25px;
						 background: #CC66FF;
						 width: 100%;				 
}

/*Navigation menu list style ------------------------------------------------*/

#navigationSS {
width: 196px;
padding:0px;
margin:0px;
font-family:arial;
font-size:12px;
}

#navigationSS ul {
list-style: none;
margin:0px;
padding:0px;
}

#navigationSS li {
border-bottom: 1px solid #CC66CC;
}

#navigationSS li a:hover {
background-color: #ff99ff;
color:#000000;
}


#navigationSS li a {
display: block;
padding:3px;
border-left: 12px solid #CC66CC;
border-right: 1px solid #999999;
background-color: #999999;
color:#FFFFFF;
text-decoration: none;
}

/* So Special Menu */
/*Navigation menu list style ------------------------------------------------*/

#navigation {
width: 196px;
padding:0px;
margin:0px;
font-family:arial;
font-size:12px;
}

#navigation ul {
list-style: none;
margin:0px;
padding:0px;
}

#navigation li {
border-bottom: 1px solid #993399;
}

#navigation li a:hover {
background-color: #ff99ff;
color:#000000;
}


#navigation li a {
display: block;
padding:3px;
border-left: 12px solid #993399;
border-right: 1px solid #993399;
background-color: #CC66CC;
color:#FFFFFF;
text-decoration: none;
}
/* Style for presenting array of products */

/* table style */

table{
width:95%;
}


th {
font: 10px Arial, sans-serif;
border-right: 1px solid #999999;
color:#FFFFFF;
}

td {
font-size:10px;
border-right: 0px solid #999999;
color:#000000;
font-family: Arial;
}

td.title {
color:#000000;
font-family: Arial;
	font-size: 12px;
	padding: 4px;
	margin: 0px;
	color:#cc33cc;
	font-weight:bold;
}

.price {

  font-family: Arial;
	font-size: 11px;
	padding: 4px;
	margin: 0px;
	color:red;
	font-weight:bold;
}

.save {

  font-family: Arial;
	font-size: 11px;
	padding: 4px;
	margin: 0px;
	color:cc3cc;
	font-weight:bold;
}

.rrp {

  font-family: Arial;
	font-size: 11px;
	padding: 4px;
	margin: 0px;
	color:#9900CC;
	font-weight:bold;
}



.datatable {
border: none;
border-collapse: collapse;
width:100%;
margin-bottom:0px;
}


.datatable td {
border-bottom: 1px solid #999999;
border-left: 0px solid #999999;
border-right: 1px solid #999999;
border-top:0;
text-align:left;
padding-left:0px;
}

#offer {
border-bottom: 1px solid #999999;
border-left: 0px solid #999999;
border-right: 0px solid #999999;
border-top:0;
text-align:center;
padding-left:0px;
}

.datatable th {
border: 0px solid:#999999;
background-color:#33517A;
font-weight:bold;
font-align:left;
padding-bottom:4px;
}

/* shopping cart table */

.carttable table{
border: none;
border-collapse: collapse;
width:100%;
margin:0px;
padding:0px;
display:inline;
}


.carttable th {
border: 1px dotted #999999;
text-align:left;
padding:0px;
color:blue;
text-align:center;
margin:0px;
}

.carttable td {
border: 1px solid #999999;
text-align:left;
padding:0px;
color:blue;
text-align:center;
margin:0px;
}

/* Checkout table */

.checktable {
border: none;
border-collapse: collapse;
width:100%;
}

.checktable th {
border: 1px solid #000000;
text-align:left;
padding:1px;
color:blue;
text-align:center;
font-size:14px;
background:#999999;

}

.checktable td {
border: 1px dotted #999999;
text-align:center;
padding:1px;
color:black;
font-size:12px;
background:#cccccc;

}

/* product image & hyperlink */

.leftimghome {
						/*float: left;*/
						margin: 0px;
						border:0;
						align:center;
						
}

/* table to present the product in the lowest level */
.prodtable {
border: none;
border-collapse: collapse;
width:100%;
margin-top:none;
}

.prodtable td {
border:none;
text-align:left;
padding:4px;
margin-top:none;

}


#imagetext {
color:#CC66CC;
font-family: Arial;
	font-size: 10px;
	padding: 4px;
	margin: 0px;
	font-weight:bold;
}

/*  largest product image & hyperlink */

.largeimg {
						float: left;
						margin-left: 20px;
						border:0;
						
						
}

#titletext {
color:#000000;
font-family: Arial;
	font-size: 12px;
	padding: 4px;
	margin: 0px;
	color:#cc33cc;
	font-weight:bold;
}

#price {
color:red;
font-family: Arial;
	font-size: 12px;
	padding: 4px;
	margin: 0px;
	font-weight:bold;
}

/* customer -FORM */
.text {
padding:0%;
margin:0px;

}

.textbox {
text-align:right;
padding-right:0%;
}

img {
border:none;
}

/* Form */
form{
padding: 0px;
width:90%;
margin:0px;
style:inline;
padding:0px;
}

input.txt{
color: #FFFFFF;
background-color: #CC99CC;
border: 1px inset #9900CC;
width: 50px;
margin:0px;
font-weight:normal;
}

input.text2{
color: #FFFFFF;
background-color: #CC99CC;
border: 1px inset #9900CC;
width: 500px;
margin:0px;
}

fieldset {
margin:0px;
padding:0px;
border: 1px solid #9900CC;

}

p.customer{
clear:left;
margin: 0;
padding: 0;
padding-top:5px;
/*color:#9900CC;*/
}

form p label{
float:left;
width: 0%;
font: bold 0.9em Arial;
margin-left:0px;
}

legend {
font: bold 0.8em Arial;
color:#666666;
background-color:#FFFFFF;
margin-top:0px;
}

legend.red {
font: bold 0.8em Arial;
color:#9933ff;
background-color:#FFFFFF;
margin-top:0px;
}

.colone {
background-color:#CC99CC;
color:#FFFFFF;
}
.coltwo {
background-color:#CC66CC;
color:#FFFFFF;
}
.colthree {
background-color:#CC33CC;
color:#FFFFFF;
}
.colfour {
background-color:#990099;
color:#FFFFFF;
}
/* dropdown menu info */

.Position {
position:absolute;
top:70px;
left:532px;
font-family: Arial;
font-size: 12px;
}
.Position2 {
position:absolute;
top:70px;
left:438px;
font-family: Arial;
font-size: 12px;
}
.Position3 {
position:absolute;
top:70px;
left:344px;
font-family: Arial;
font-size: 12px;
}

ul.slidingmenu, ul.slidingmenu ul {
  border: 1px solid #cc99cc;
	border-width:0px;
	position:absolute;
	padding:0px;	
}


ul.slidingmenu li {
  background: #cc99cc;
  text-align: center;
  border-bottom: 1px solid #999;
	
}

ul.slidingmenu a {
  color: #cc99cc;
  background: #CC99CC;
  text-decoration: none;
}

ul.slidingmenu a.subheader {
  background: #cc99cc;
}

ul.slidingmenu a:hover {
  background: #FF99FF;
  color: #FFF;
}

/* remove standard HTML list indenting, and display as normal blocks */
ul.slidingmenu,
ul.slidingmenu ul,
ul.slidingmenu li,
ul.slidingmenu a { 
  padding: 0;
  margin: 0;
  display: block;
}

/* use a fixed width for menu and submenus */
ul.slidingmenu,
ul.slidingmenu ul {
  width: 8em;
}

/* make li's into clean, moveable blocks */
ul.slidingmenu li {
  list-style-type: none; 
  position: relative;
}

/* Make list items do what they're supposed to in IE */
ul.slidingmenu a {
  width: 100%;
	color:#FFF;
	padding:0px;
}

/*  ul inside an li (a submenu) takes up zero normal flow */
ul.slidingmenu ul { 
  position: absolute;  
  top: 16px; /* the height of the top border */
  left: 0%; 
  display: none;
}

/*displays colours */

.colours {
border:0px;
margin-left:0px;
}

.colours td {
border:0px;
padding:0px;
border-bottom:1px dotted #666699;
margin-right:0px;
text-align:right;
}

td.colcell {
padding:0px;
border:1px solid #000000;
}

p.cellcol {
	font-family: Arial;
	font-size: 12px;
	padding: 0px;
	margin: 0;
	text-align: center;
	color:#666699;
}

p.note {
	font-family: Arial;
	font-size: 10px;
	padding: 0px;
	margin: 0;
	text-align: left
	color:#999999;
}


.interntable {
border: none;
border-collapse: collapse;
width:100%;
margin-bottom:0px;
}

/* image homepage */
.adhome {
margin-top:20px;
background-image:url(images/sospecial_homepage.jpg);
width:500px;
height:210px;

padding:0px;
}

/* affiliates */

.aff {
border:2px solid #9999CC;
padding-bottom:4px;
text-align:center;

}

/* customer delivery -FORM */
.text {
padding-left:10%;
}

.textbox {
text-align:right;
padding-right:15%;
}

img {
border:none;
}

/* Form */
form.customer {
padding: 0px;
width:400px;
margin-left:8%;
margin-top:0px;
align:center;
}

input.txt{
color: #000000;
background-color: #CC99CC;
border: 1px inset #9900CC;
width: 200px;
margin:0px;
font-weight:normal;
}

input.text2{
color: #FFFFFF;
background-color: #CC99CC;
border: 1px inset #9900CC;
width: 100px;
margin:0px;
}

fieldset {
margin:0px;
padding:0px;
border: 1px solid #9900CC;
}

p.customer{
clear:left;
margin: 0;
padding: 0;
padding-top:5px;
/*color:#9900CC;*/
}
p.customer2{
font-family: Arial;
font-size: 12px;
padding: 2px;
margin: 0px;
color:#9900CC;
font-weight:bold;

}

form p label{
float:left;
width: 30%;
font: bold 0.9em Arial;
margin-left:30px;
}

legend {
font: bold 0.8em Arial;
color:#666666;
background-color:#FFFFFF;
}

/* brand list style*/


.interntable2 {
border: none;
border-collapse: collapse;
width:100%;
margin-bottom:0px;
}

td.interntable2 {
margin:0px;
padding-left:0px;
}

a.brandtext {
	font-family: Arial;
	font-size: 12px;
	padding: 0px;
	font-weight:normal;
	align:center;

}


.fleft{
float:left;
}


/*-------------------------------------------Affiliates-----------------------------------------------------------*/

#albumlist ul {
list-style: none;
margin:0px;
padding:0px;
}
#albumlist li {
float:left;
margin-right:6px;
margin-bottom: 10px;
font-family:arial;
color:#666666;
list-style: none;
}

#albumlist img {
list-style: none;
display: block;
border: 1px solid #666666;
}

/*---------------------------------------------Table--------------------------------------------------------------*/
.interntablehome {
border: none;
border-collapse: collapse;
width:99%;
margin:0px;
padding:0px;
border-top: 0px;
border-right: 2px solid #CCCCFF;
border-left: 2px solid #CCCCFF;
border-bottom: 2px solid #CCCCFF;
}

.interntablehome td {
border-bottom: 1px solid #CCCCFF;
border-left: 0px solid #999999;
border-right: 1px solid #CCCCFF;
border-top:0px;
text-align:left;
padding-left:0px;
margin:0px;
padding:0px;
}



td.nobord {
border-bottom: 1px solid #CCCCFF;
border-left: 0px solid #999999;
border-right: 1px solid #CCCCFF;
text-align:center;
margin:0px;
padding:0px;
}

/*------------------Borders ------------------------------*/

.curvebox {
width:140px;
height:300px;
padding:1em;
background-color:#FFFFFF;
border:1px solid #d71aee;
color:#d71aee;
-moz-border-radius:25px;
}

.curveboxmain {
width:255px;
height:230px;
padding:1em;
background-color:#FFFFFF;
border:1px solid #d71aee;
color:#d71aee;
-moz-border-radius:25px;
}

/* ----------------  Brand Search Table ------------------ */

.brands{
width:500px;
border:1px ridge #FC7AF7;
}

.brands th {
background-color:#ff99ff;
border:0;
color:#690566;
font-size:12px;
text-align:center;
}

.brands td {
border:1px solid #ff99ff;
text-align:center;
font-size:12px;
}

.brands td a {
font-size:10px;
}

h3.small {
font-size:10px;
}

.select {
size:10px;
width:180px;
}