body
	{
	text-align: center;
	margin: 0;
	padding: 0;
	background-image: url(images/main_bgrnd.gif);
	background-repeat: repeat-x;
	background-position: top;
	background-color: #DFF2FF;
        font-size:100.01%;
}

#container
	{
	text-align: left;
	margin: 0px auto;
	width: 778px;
	background-color: #008080;
        border: 2px solid #00245D;
}	

#homebanner
	{
	margin: 0;
	height: 98px;
	background-image: url(images/header2.gif);
        background-repeat: no-repeat;
}

#homebannersub
	{
	margin: 0;
	height: 20px;
	background-image: url(http://www.stitchworx.com/files/img/logo_small.jpg);
        background-repeat: no-repeat;
}

#homebannersub2
	{
	margin: 0;
	height: 22px;
	background-image: url(http://www.stitchworx.com/files/img/logo_text.jpg);
        background-repeat: no-repeat;
        font-size: 14px;
	color: #00245D;
	font-style: normal;
	font-weight: bold;
	line-height: normal;
        padding-top: 3px;
        padding-left: 10px;
}


#navbarhome 
        {
	height: 20px;
	background: #660099;
	text-align: center;
	margin: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
        border-top: 1px solid #00245D;
        border-bottom: 1px solid #00245D;
}

#navbarproducts
        {
	height: 30px;
	background: #00245D;
	text-align: left;
	padding-left: 160px;
	margin: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
}

#navbargallery
        {
	height: 30px;
	background: #00245D;
	text-align: left;
	padding-left: 160px;
	margin: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
}
#navbarbuy
        {
	height: 30px;
	background: #00245D;
	text-align: left;
	padding-left: 160px;
	margin: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
}

#navbarcontact 
        {
	height: 30px;
	background: #00245D;
	text-align: left;
	padding-left: 160px;
	margin: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
}

#navbarabout 
        {
	height: 30px;
	background: #00245D;
	text-align: left;
	padding-left: 160px;
	margin: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
}

#content
	{
	float: left;
	width: 770px;
	background-color: #FFFFFF;
	margin: 2px;
        padding: 2px 0 0 0;
        border: 2px solid #00245D;
}


#content h1
	{
	color: #00245D;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 26px;
	font-style: italic;
	padding: 5px;
	margin: 0 0 0 0;
	line-height: 20px;
        text-align: center;
}

#content h2 
        {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-weight: lighter;
	color: #7EA1BD;
	padding: 5px;
	margin: 0px;
        text-align: center;
}

#content h3 
        {
	margin-top: 0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-weight: lighter;
	color: #7EA1BD;
	padding-right: 10px;
	padding-left: 10px;
	padding-bottom: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	padding-top: 0px;
	line-height: 5px;
	font-style: italic;

}

#content2
	{
	float: left;
        text-align: left;
	width: 450px;
	background-color: #FFFFFF;
	margin: 2px 0 2px 0;
	padding: 0 0 0 4px;
        border: 0px solid #00245D;
}

ul#mainlist  {
           list-style-image: url(images/tick.gif);
	   font-family: Arial, Helvetica, sans-serif;
	   font-size: 12px;
           color: #00245D;
	   margin: 10px 0 0 30px;
	   padding: 5px 0 0 0;
}

.square  {
	   list-style-type: square;
}	

ul#mainlist li  {
	      display: list; 
	      margin: 5px 0 0 0;
	      padding: 0px 0px 5px 2px;
}


#toptitle
	{
	float: left;
	width: 541px;
	background-color: #FFFFFF;
	margin: 0px;
	padding: 10px 0px 0px;
}	

#flash
	{
	float: left;
	width: 541px;
	background-color: #FFFFFF;
	margin: 0px;
	padding: 10px 0px 0px;
        background-color: #6699CC;
        text-align: center;
        border-top: 1px solid #00245D;
}

#details {
        text-align: right;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #00245D;
	font-style: normal;
	font-weight: bold;
	line-height: normal;
        padding-top: 2px;
        padding-right: 10px;


}

#box  {
       float: left;
       border: 2px solid #00245D;
       width: 165px;
       background-color: #00245D;
       color: #ffffff;
       padding: 0px;
       text-align: center;
} 

#space  {
       float: left;
       background-color: #6699CC;
       height: 5px;
} 

#box_main  {
       float: left;
       border-top: 2px solid #00245D;
       width: 155px;
       background-color: #ffffff;
       color: #00245D;
       font-size: 14px;
       padding: 5px;
       text-align: left;
} 

#box1  {
       float: left;
       border: 2px solid #00245D;
       width: 165px;
       background-color: #00245D;
       color: #ffffff;
       padding: 0px;
       text-align: center;
} 

#space1  {
       float: left;
       background-color: #6699CC;
       height: 5px;
} 

#box_main1  {
       float: left;
       border-top: 2px solid #00245D;
       width: 155px;
       background-color: #ffffff;
       color: #00245D;
       font-size: 14px;
       padding: 5px;
       text-align: left;
}

#footernavbox
	{
	clear: both;
	height: 20px;
	text-align: left;
        background: #660099;
	text-align: center;
	margin: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
        border-top: 1px solid #00245D;
        border-bottom: 1px solid #00245D;
}

#leftnavarea
	{
	float: left;
	width: 300px;
	text-decoration: none;
	background-color: #FFFFFF;
	margin: 2px 2px 2px 4px;
        padding: 2px 0 0 0;
        border: 0px solid #00245D;
	text-align: left;
}

ul#leftnavarea  {
	   margin: 0;
	   padding: 0px 0px 0px;
}

.square  {
	   list-style-type: square;
}	

ul#leftnavarea li  {
	      display: inline;
	      margin: 0px;
	      padding: 0px 0px 0px 20px;
}	

ul#leftnavarea li a:link, ul#topnav li a:visited
	      {
	      text-decoration: none;      
	      color: #0099FF;
	      font-family: Arial, Helvetica, sans-serif;
	      font-size: 11px;
	      font-weight: bold;
}	

ul#leftnavarea li a:hover, ul#topnav li a:active
	      {
              text-decoration: underline;
	      color: #333333;
}

#newsbox
	{
	float: left;
	width: 570px;
	text-decoration: none;
	margin: 10px 5px 5px;
	padding: 10px 0px;
	text-align: left;
	background-color: #FAF9FB;
	border: 1px solid #DFD8EB;
}

#formbox 
        {
	width: 500px;
	padding-right: 10px;
	padding-left: 10px;
}

#gallerynav 
        {
	width: 500px;
	padding-right: 10px;
	padding-left: 250px;
	padding-top: 10px;
}

div.row 
        {
	clear: both;
	padding-top: 5px;
}

div.row span.label 
        {
	float: left;
	width: 500px;
	text-align: left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;

}
 
p 
        {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
        color: #00245D;
	padding: 0px 10px;
	line-height: 16px;
	margin: 14px 0px 0px;
}

#p2 
        {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
        color: #00245D;
	padding: 1px;
	line-height: 12px;
	margin: 0px;
}
		
h1
	{
	color: #00245D;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 26px;
	font-style: italic;
	padding: 5px;
	margin: 0 0 0 0;
	line-height: 20px;
}

h2 
        {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-weight: lighter;
	color: #7EA1BD;
	padding: 5px;
	margin: 0px;
}

h3 
        {
	margin-top: 0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-weight: lighter;
	color: #7EA1BD;
	padding-right: 10px;
	padding-left: 10px;
	padding-bottom: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	padding-top: 0px;
	line-height: 5px;
	font-style: italic;

}

.footertext {
	    font-family: Arial, Helvetica, sans-serif;
	    font-size: 10px;
	    color: #FFFFFF;
}

.boldtext {
	  font-family: Arial, Helvetica, sans-serif;
	  font-size: 12px;
	  color: #000000;
	  font-style: italic;
	  font-weight: bold;
	  line-height: normal;
}

a:link  {
        color: #00245D;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-decoration: none;
	font-weight: bold;
}

a:visited {
	  color: #00245D;
	  font-family: Arial, Helvetica, sans-serif;
	  font-size: 12px;
	  font-weight: bold;
	  text-decoration: none;

}	

a:hover, a:active
	{
	color: #FF3333;
	text-decoration: none;

}

a.tzlink:link {
	      font-family: Arial, Helvetica, sans-serif;
	      font-size: 10px;
	      color: #FFFFFF;
	      text-decoration: none;
	      font-weight: normal;
	      padding-right: 0px;
	      padding-left: 0px;
}

a.tzlink:visited {
	         font-family: Arial, Helvetica, sans-serif;
	         font-size: 10px;
	         color: #FFFFFF;
	         text-decoration: none;
	         font-weight: normal;
	         padding-right: 0px;
	         padding-left: 0px;
}
a.tzlink:hover {
	       font-family: Arial, Helvetica, sans-serif;
	       font-size: 10px;
	       color: #00245D;
	       text-decoration: none;
	       font-weight: normal;
	       padding-right: 0px;
	       padding-left: 0px;
}	

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

ul#topnav li  {
	      display: inline;
	      margin: 0px;
	      padding: 0px 20px 0px 20px;
}	

ul#topnav li a:link, ul#topnav li a:visited
	      {
	      text-decoration: none;
	      color: #FFFF00;
	      font-family: Arial, Helvetica, sans-serif;
	      font-size: 11px;
	      font-weight: bold;
}	

ul#topnav li a:hover, ul#topnav li a:active
	      {
              text-decoration: underline;
	      color: #FFFFFF;
}

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

ul#footernav li
	{
	display: inline;
	margin: 0px;
	padding: 0px 0px 0px 20px;
}	

ul#footernav li a:link, ul#footernav li a:visited
	{
	text-decoration: none;
	color: #FFFF00;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
}	

ul#footernav li a:hover, ul#footernav li a:active
	{
		text-decoration: underline;
		color: #FFFFFF;
}

.picsright {
	margin:0px 0px 0px 10px;
	padding: 0px;
}

.picsleft {
	margin:0px 10px 0px 0px;
	padding: 0px;
}

.thumbnails {
	margin: 1px;
	padding: 0px;
	border: 1px solid #CCCCCC;
}

.buypics {
	margin: 1px;
	padding: 0px;
}

.para {
        text-align: center;
}

.paral {
        text-align: left;
}

.left{
        float: left;
        padding: 1px 0 0 10px;
        font-size: 14px;
        letter-spacing: 0.1em;
}

.right {
        float: right;
        padding: 1px 10px 0 0;
        font-size: 14px;
        letter-spacing: 0.1em;
}

.itals {
        text-align: center;
        font-weight: bold;
        font-style: italic;
        padding: 1px 10px 0 0;
        font-size: 14px;
        letter-spacing: 0.1em;
}



/*Copyright 2006 Group 1 */
/* Style by: Dexter Zafra of Group 1 */
form {
    margin: 0;
    padding: 0;
}
/* Basic page styling */

.remember {
    font-size : 11px; 
    color : #000000; 
    font-weight: normal;
    font-family : Verdana, Arial, Helvetica, sans-serif; 
    text-decoration : none; 
}
.fspan {
    font-size : 12px; 
    color : #000000; 
    font-weight: normal;
    font-family : arial,verdana,sans-serif;
    text-decoration : none; 
}
.art {
    font-size : 12px; 
    color : #000000; 
    font-weight: normal;
    font-family : Arial, Verdana, Helvetica, sans-serif; 
    text-decoration : none; 
}
.uexist:link {
    font-size : 10px; 
    font-weight : normal; 
    color : #0058b0; 
    font-family : verdana, arial, helvetica, sans-serif;
    text-decoration : underline; 
} 
.uexist:visited {
    font-size : 10px; 
    font-weight : normal; 
    color : #0058b0; 
    font-family : verdana, arial, helvetica, sans-serif;
    text-decoration : underline; 
} 
.uexist:hover {
    font-size : 10px; 
    font-weight : normal; 
    color : #ff0000; 
    font-family : verdana, arial, helvetica, sans-serif;
    text-decoration : none; 
}
#contained {
    margin: 0 auto;
    padding: 1em;
    width: 480px;
    font-size: 0.9em;
    text-align: left;
}
p#optreqlink {
    margin: 0;
    text-align: center;
}
.textbox {
    width: 160px;
    border-left : 1px solid #acc6db; 
    border-right : 1px solid #acc6db; 
    border-top : 1px solid #acc6db; 
    border-bottom : 1px solid #acc6db; 
    background-color : #fff; 
    font-size : 12px;
    font-family : Verdana, Arial, Helvetica, sans-serif; 
    color : #000; 
} 
.textbox2 {
    border-left : 1px solid #acc6db; 
    border-right : 1px solid #acc6db; 
    border-top : 1px solid #acc6db; 
    border-bottom : 1px solid #acc6db; 
    background-color : #fff; 
    font-size : 12px;
    font-family : Verdana, Arial, Helvetica, sans-serif; 
    color : #000; 
} 
.textcom {
    border-left : 1px solid #acc6db; 
    border-right : 1px solid #acc6db; 
    border-top : 1px solid #acc6db; 
    border-bottom : 1px solid #acc6db; 
    background-color : #fff; 
    font-size : 12px;
    font-family : Verdana, Arial, Helvetica, sans-serif; 
    color : #000; 
} 
.cselect {
    width: 163px;
    background-color : #fff; 
    font-size : 11px; 
    font-weight: normal;
    color : #000; 
    font-family : Verdana, arial, helvetica, sans-serif; 
    text-decoration : none; 
}
fieldset {
    margin: 1em 0;
    border: none;
    border-top: 1px solid #acc6db;
}
legend {
    margin: 1em 0;
    padding: 0 .3em;
    color: #3975B0;
    background: transparent;
    font-size: 1.1em;
    font-weight: bold;
}
label {
    float: left;
    width: 100px;
    padding: 0 1em;
    text-align: right;
}
fieldset div {
    margin-bottom: .5em;
    padding: 0;
    display: block;
}
div.newsletter div {
    margin: 5px 0;
}
div.newsletter input {
    width: 1em;
}
div.newsletter label {
    display: block;
    width: 200px;
    padding-left: 5em;
    text-align: left;
}
.submit {
    color : #fff; 
    font-family : verdana, arial, helvetica, sans-serif; 
    font-size : 8pt; 
    font-weight : bold; 
    background-color : #6898D0; 
    border : 1px solid #dadada; 
    cursor : pointer; 
}
#butdiv {
    clear: both;
    padding-top: 1em;
    text-align: center;
}
#butdiv1 {
    clear: both;
    padding-top: 1em;
    text-align: center;
}
/* CSS for popup hint tooltip box */
#hinttooltip {
    position: absolute;
    left: -300px;
    width: 150px;
    border:1px solid #AACFEA;
    border-right: 3px solid #AACFEA;
    border-bottom: 3px solid #AACFEA;
    padding: 3px;
    text-align: left;
    background-color: #EAF7FB;
    visibility: hidden;
    z-index: 100;
}
#hintpointer {
    position:absolute;
    left: -300px;
    z-index: 101;
    visibility: hidden;
}
/* This is the hacking and geeking part */
/* required fields - does not work in IE */
fieldset div.reqfield {
    font-weight: bold;
}
fieldset div.reqfield label:before {
    content: "* "; /* does not work in IE */
}  


#bookPan{width:725px; height:650px; position:relative; margin:0 auto;}
#booking{width:80%; height:600px; position:relative; margin:0 auto; text-align:justify;  padding: 10px 10px 10px 130px;}