/* ###################################### */
/* #### DEFAULT STYLES ################## */
/* ###################################### */
div, table, tr, th, td, span, font, p, pre, ul, ol, li, input, button, select, textarea, a, a:active, a:focus, a:hover, a:visited, sub, sup {
	font-family: Arial, Verdana, "Trebuchet MS";
	font-style: normal; 
	font-weight: normal; 
	text-decoration: none; 
	color: #333333; 
	font-size: 12px;
}
body {
	font-family: Arial, Verdana, "Trebuchet MS"; 
	font-style: normal; 
	font-weight: normal; 
	text-decoration: none; 
	color: #333333; 
	font-size: 12px; 
	padding: 0; 
	margin: 0; 
	border: 0;
	background-image:  url("../images/bg-mainblue.gif"); 
	background-repeat: repeat-x;
	background-color: #3c6da8; 
}
select {
	font-size: 10px;
}


/* ###################################### */
/* #### MAIN TABLES ##################### */
/* ###################################### */
.main {
	padding: 10px;
}
.foundation {
	margin-right: auto; 
	margin-left: auto; 
	width: 770px; 
	position: relative;
}
table.mainArea {
	width: 770px; 
	background-color: #FFF;
}
.footer {
	text-align: right; 
	color: #fff; 
	margin: 18px;
}
.pageTitle {
	padding-left: 14px; 
	margin-top: 2px;
	font-size: 22px;
	font-weight: bold;
	color: #999;
	float: left;
}
.options {
	float: right; 
	padding-top: 30px;
	 margin-right: 8px;
 }


/* ###################################### */
/* #### TOP & TABS ###################### */
/* ###################################### */
.topRight {
	float: right; 
	width: 520px;
}
.signIn {
	padding-top: 14px; 
	text-align: right;
}
.topLeft {
	width: 222px;
	height: 46px;
 }
.mainTab {
	float: right;
}
.mainTab ul {
	margin:0; 
	padding-top:10px;
	list-style:none;
}
.mainTab li {
	float:left; 
	background:  url("../images/leftorange.gif") no-repeat left top;
	margin-left: 2px; 
	padding:0 0 0 6px;
}
.mainTab a.tab {
	float:left; 
	display:block; 
	background:  url("../images/rightorange.gif") no-repeat right top; 
	padding: 7px 12px 7px 6px;
	text-decoration: none; 
	font-weight: bold; 
	font-size: 10px; 
	color: #FFF; /* AB added*/
}
.mainTab a.tab:hover {
	color: #FFFF99;
}
.mainTab .current {
	background:  url("../images/leftgreen.gif") no-repeat left top;
}
.mainTab .current a {
	background:  url("../images/rightgreen.gif") no-repeat right top;
}
		

/* ###################################### */
/* #### PORTFOLIO ####################### */
/* ###################################### */
.portfolio {
	width: 595px;
}
.portfHeader {
	background-image: url(../images/bluecenter.gif);
	background-repeat: repeat-x; 
	margin-top: 10px; 
	height: 34px;
}
.portfTitleLft {
	background-image: url(../images/blueleft.gif); 
	background-position: left top; 
	background-repeat: no-repeat; 
	font-size: 14px; 
	color: #fff; 
	font-weight: bold; 
	height: 34px; 
	padding-left: 10px; 
	float: left; 
	line-height: 34px;
}
.portfTitleRgt {
	background-image: url(../images/blueright.gif); 
	background-position: right top; 
	background-repeat: no-repeat; 
	font-size: 14px; 
	color: #fff; 
	font-weight: bold; 
	height: 34px; 
	padding-right: 10px; 
	float: right; 
	line-height: 34px;
}
.portfSet {
	background-image: url(../images/interbluebottom.gif); 
	background-repeat: repeat-x; 
	height: 33px;
	padding-bottom:5px;
}
.portfSetLft {
	font-weight: bold; 
	padding: 8px 0px 0px 10px; 
	float: left; 
	height: 33px;
}
.portfSetLft span {
	font-weight: bold;
}
.portfSetRgt {
	font-weight: bold; 
	padding: 8px 10px 0px 0px; 
	float: right; 
	height: 33px;
}
.portfMsg {
    border: 1px solid #f60;
	height: 33px;
	padding-bottom:5px;
}
.portfMsgLft {
	font-weight: bold;
	padding: 8px 0px 0px 10px;
	float: left;
	height: 33px;
}
.portfContent {
    display: block;
	padding:3px 0px 0px 0px;
}
.portfContentSet {
	float: left;
	width: 170px; 
	height: 181px;
}
.portfContentIco {
	padding-top: 5px; 
	float: left;
}
.portfContentTxt {
	display: block; 
	font-size: 9px; 
	padding: 3px 0px 0px 3px; 
	float: left; 
	width: 80px;
}
.gallerySoftGrey {
    width: 100%;
    height: 125px;
    float: left;
	padding: 0px 0px 5px 0px;
	border-right: 1px solid #fff;
	background-image: url(../images/gallery-softgray.gif); 
	background-repeat: repeat-x;
}
.galleryBlue {
    width: 100%;
    height: 125px;
	float: left;
	padding: 0px 0px 5px 0px;
	border-right: 1px solid #fff;
	background-image: url(../images/gallery-blue.gif);
	background-repeat: repeat-x;
}


/* ###################################### */
/* #### PORTFOLIO 100% ################## */
/* ###################################### */
.foundationPort {
	margin-right: auto; 
	margin-left: auto; 
	width: 98%; 
	position: relative;
	min-width:595px;
}
table.mainAreaPort {
	width: 100%; 
	background-color: #FFF;
}
.portfolioPort {
	width: 99%
}




/* ###################################### */
/* #### LIST ############################ */
/* ###################################### */
.list {
	width: 595px;
	float: top;
}
.listHeader {
	background-image: url(../images/bluecenter.gif);
	background-repeat: repeat-x;
	margin-top: 10px;
	height: 34px;
}
.listTitleLft {
	background-image: url(../images/blueleft.gif);
	background-position: left top;
	background-repeat: no-repeat;
	font-size: 14px;
	color: #fff;
	font-weight: bold;
	height: 34px;
	padding-left: 10px;
	float: left;
	line-height: 34px;
}
.listSet {
	background-image: url(../images/interbluebottom.gif);
	background-repeat: repeat-x;
	height: 33px;
	padding-bottom:5px;
}
.listSetGreen {
	background-image: url(../images/intergreenbottom.gif);
	background-position: left top;
	background-repeat: repeat-x;
	height: 20px;
	padding-bottom:5px;
}
.listSetContent {
	height: 18px;
	float: left;
	padding: 5px 10px 0px 10px
}
.listSetLft {
	font-weight: bold;
	padding: 8px 0px 0px 10px;
	float: left;
	height: 15px;
}
.listSetLft span {
	font-weight: bold;
}
.listSetRgt {
	background-image: url(../images/interbluebottom.gif);
	background-position: right top;
	background-repeat: repeat-x;
	height: 18px;
	float: right;
	padding: 15px 10px 0px 10px
}
.listArea {
	margin-bottom: 10px;
	padding: 7px;
	background-image: url(../images/bg-blue2.gif);
	background-repeat: repeat-x;
	background-color: #dbf2fa;
	border: 2px solid #c4dcfe;
 }
.listSpace {
	float: left;
	width: 20px;
}
.listOrderNumber {
	float: left;
	width: 65px;
}
.listPlacedOn {
	float: left;
	width: 90px;
}
.listStatus {
	float: left;
	width: 100px;
}
.listTotal {
	float: left;
	width: 80px;
}
.listFeedback {
	float: left;
	width: 200px;
}


/* ###################################### */
/* #### LIST 100% ####################### */
/* ###################################### */



/* ###################################### */
/* #### ORDER INFO ###################### */
/* ###################################### */


.infoAreaBlue {
	margin-bottom: 10px;
	padding: 7px;
	height: 100px;
	background-image: url(../images/bg-blue2.gif);
	background-repeat: repeat-x;
	background-color: #dbf2fa;
	border: 2px solid #c4dcfe;
}
.infoAreaGreen {
	margin-bottom: 10px;
	padding: 7px;
	border: 2px solid #D0F1C1;
}



/* ###################################### */
/* #### ORDER INFO ###################### */
/* ###################################### */


.featMatrix {
    border: 2px solid #c4dcfe;
}
/* ###################################### */
/* #### LEFT AREA CONTENT ############### */
/* ###################################### */
.blueHeader {
	background-image: url(../images/interbluecenter.gif); 
	background-repeat: no-repeat; 
	background-position: right top; 
	background-color: #4b7ea9; 
	height: 34px;
}
.blueTitleLft {
	background-image: url(../images/interblueleft.gif); 
	background-position: left top; 
	background-repeat: no-repeat; 
	font-size: 14px; color: #fff; 
	font-weight: bold; 
	height: 24px;
	padding-left: 10px; 
	float: left; 
	padding-top: 10px; 
	vertical-align: top;
}
.greenHeader {
	background-image: url(../images/intergreencenter.gif); 
	background-repeat: no-repeat; 
	background-position: right top; 
	background-color: #82c865; 
	height: 34px;
}
.greenTitleLft {
	background-image: url(../images/intergreenleft.gif); 
	background-position: left top; 
	background-repeat: no-repeat; 
	font-size: 14px; 
	color: #fff; 
	font-weight: bold; 
	height: 24px; 
	padding-left: 10px; 
	float: left;  
	padding-top: 10px; 
	vertical-align: top;
}
.orangeHeader {
	background-image: url(../images/interorangecenter.gif); 
	background-repeat: no-repeat; 
	background-position: right top; 
	background-color: #fca852; 
	height: 34px;
}
.orangeTitleLft {
	background-image: url(../images/interorangeleft.gif); 
	background-position: left top; 
	background-repeat: no-repeat; 
	font-size: 14px; 
	color: #fff; 
	font-weight: bold; 
	padding-left: 10px; 
	float: left; 
	padding-bottom: 8px;  
	padding-top: 10px; 
	vertical-align: top;
}
.jumpTo {
	margin: 10px 10px 10px 8px; 
	width: 144px;
}
.jumpToContent {
	background-image: url(../images/jumpto-bg.gif); 
	background-position: bottom;  
	background-repeat: no-repeat; 
	background-color: #fff; 
	padding: 6px 10px 10px 10px; 
	vertical-align: top;
}
.viewedEvent {
	margin: 10px 10px 10px 8px; 
	width: 144px;
}
.viewedEventContent {
	background-image: url(../images/viewedevent-bg.gif); 
	background-position: bottom;  
	background-repeat: no-repeat; 
	background-color: #fff; 
	padding: 10px 10px 10px 10px; 
	vertical-align: top;
}
.satisfaction {
	margin: 10px 10px 10px 8px; 
	width: 144px;
}
.satisfactionContent {
	background-image: url(../images/satisfaction-bg.gif); 
	background-position: bottom; 
	background-repeat: no-repeat; 
	background-color: #fff; 
	padding: 10px 10px 10px 10px; 
	vertical-align: top;
}


/* ###################################### */
/* #### BREAD CRUMBS #################### */
/* ###################################### */
.breadCrumbs {
	padding-right: 14px;
    margin-top: 5px;
    float: right;
}
.step {
	border-left: 1px solid #999; 
	border-top: 1px solid #999; 
	border-bottom: 1px solid #999; 
	font-size: 11px; 
	float: left;
	padding-left:5px;
}
.stepDet {
	background-image: url(../images/stepv.gif); 
	background-repeat: no-repeat;
	width: 11px; 
	height: 20px; 
	float:left;
}
.stepCurrent {
	background-color: #f93;
	border-left: 1px solid #999; 
	border-top: 1px solid #999; 
	border-bottom: 1px solid #999; 
	font-size: 11px; 
	float: left;
	padding-left:5px;
	color:#fff;
}
.stepDetCurrent {
	background-image: url(../images/stepv-current.gif); 
	background-repeat: no-repeat; 
	width: 11px; 
	height: 20px; 
	float:left;
}
.stepDetLine {
	background-image: url(../images/stepl.gif); 
	background-repeat: repeat-x;
	width: 6px; 
	height: 20px; 
	float: left;
}

/* ###################################### */
/* #### RIGHT AREA CONTENT ############## */
/* ###################################### */

.boxBlueSquare {
	margin-bottom: 10px;
	padding: 7px;
	background-image: url(../images/bg-blue.gif);
	background-repeat: repeat-x;
	background-color: #dbf2fa;
	border: 2px solid #c4dcfe;
 }

.boxBlueSquareDark {
	margin-bottom: 10px;
	padding: 7px;
	background-image: url(../images/bg-blue-dark.gif);
	background-repeat: repeat-x;
    background-color: #dbf2fa;
	border: 3px solid #c4dcfe;
}

.boxWhiteSquare {
	margin-bottom: 10px;
	padding: 7px;
	background-color: #ffffff;
	border: 2px solid #c4dcfe;
 }

.formContents {
    float: left;
    margin-bottom: 10px;
	padding: 7px;
	border: 0px solid #c4dcfe;
 }

td.formLabels {
    text-align: right;
    font-size: 13px;
    font-weight: bold;
    padding-right: 8px;
}

.formHelp {
    float: right;
	margin-bottom: 10px;
	padding: 7px;
	background-image: url(../images/bg-blue-dark.gif);
	background-repeat: repeat-x;
    background-color: #dbf2fa;
	border: 3px solid #c4dcfe;
 }

td.gridCellLeft {
    text-align: left;
    font-size: 13px;
    padding-left: 8px;
}

td.gridCellRight {
    text-align: right;
    font-size: 13px;
    padding-right: 8px;
}


/* ###################################### */
/* #### LINKS ########################### */
/* ###################################### */
a.bgLink:link, a.bgLink:visited {
	color: #FFF; 
	text-decoration: underline;
}
a.bgLink:hover {
	text-decoration: none;
}

a.orangeLk:link, a.orangeLk:visited {
	text-decoration: underline; 
	color: #f60;
}
a.orangeLk:hover {
	text-decoration: none;
}

a.orangeLkSmall:link, a.orangeLkSmall:visited {
	text-decoration: underline; 
	color: #f60; 
	font-size: 10px
}
a.orangeLkSmall:hover {
	text-decoration: none;
}

a.orangeLkBig:link, a.orangeLkBig:visited {
	text-decoration: underline;
	color: #f60;
	font-size: 16px;
    font-weight: bold;
}
a.orangeLkBig:hover {
	text-decoration: none;
}

a.mostViewed:link, a.mostViewed:visited {
	text-decoration: underline; 
	padding-left: 17px; 
	background-image: url(../images/arrow.gif); 
	background-repeat: no-repeat; 
	line-height: 24px;
}
a.mostViewed:hover {
	text-decoration: none;
}

a.simple:link, a.simple:visited {
	text-decoration: underline; 
	line-height: 18px;
}
a.simple:hover {
	text-decoration: none;
}

a.icoLk:link, a.icoLk:visited {
	font-weight: bolder; 
	font: "Trebuchet MS", Verdana, Arial;
} 
a.icoLk:hover {
	color: #990000;
}

.but {
	background-image: url(../images/bg-but.gif); 
	background-repeat: repeat-x; 
	border: 1px solid #d96d15; 
	color: #fff; 
	font-size: 12px; 
	font-weight: bold; height: 21px;
}


/* ###################################### */
/* #### ROUNDED CORNERS ################# */
/* ###################################### */
div#nifty{
	color: #FFF; 
	margin-top: 20px; 
	background-image: url(../images/bg-corners.gif); 
	background-position: top right; 
	background-repeat: no-repeat;
}
.rtop,.rbottom{
	display:block
}
.rtop *,.rbottom *{
	display:block; 
	height: 1px; 
	overflow: hidden;
}
.r1{
	margin: 0 10px
}
.r2{
	margin: 0 7px
}
.r3{
	margin: 0 5px
}
.r4{
	margin: 0 4px
}
.r5{
	margin: 0 3px
}
.r6{
	margin: 0 2px; 
	height: 2px
}
.r7{
	margin: 0 1px; 
	height: 3px
}
.rs1{
	margin: 0 4px
}
.rs2{
	margin: 0 2px
}
.rs3{
	margin: 0 1px
}



/*INDIVIDUAL PAGES*/


/* ###################################### */
/* #### HOME PAGE ####################### */
/* ###################################### */
.homePicture {
	float: Right;
	margin-top: 20px;
	margin-right: 26px;
}
.homeWelcome {
	margin-left: 14px;
    padding-top: 10px;
    width: 380px;
}
.areaOrange {
	margin: 10px 0px 10px 8px;
	width: 279px;
	float: left;
}
.areaOrangeContent {
	height: 185px;
	background-image: url(../images/home01-bg.gif);
	background-repeat: no-repeat;
	background-color: #efe2ad;
	padding: 6px 10px 10px 10px;
	vertical-align: top
}
.areaGreen {
	margin: 10px 0px 10px 8px;
	width: 224px;
	float: left;
}
.areaGreenContent {
	height: 185px;
	background-image: url(../images/home02-bg.gif);
	background-repeat: no-repeat;
	background-color: #c8f0b7;
	padding: 6px 10px 10px 10px;
	vertical-align: top;
}
.areaBlue {
	margin: 10px 0px 10px 8px;
	width: 224px;
	float: left;
}
.areaBlueContent {
	height: 185px;
	background-image: url(../images/home03-bg.gif);
	background-repeat: no-repeat;
	background-color: #c3d9f0;
	padding: 6px 10px 10px 10px;
	vertical-align: top;
}
li.listSquare {
	list-style-image:url(../images/dot.gif);
	line-height: 20px;
}
.listBlock {
	padding-top: 2px;
	padding-right: 4px;
	display: block;
	float: left;
	padding-bottom: 10px;
}
.steps {
    padding-left: 10px;
	font-size: 14px;
	font-weight: bold;
	color: #036;
	line-height: 20px;
}


/* ###################################### */
/* #### VIEW PICTURES  ################## */
/* ###################################### */
.imageZoom {
	float: left;
	margin-right: 10px;
    display: block;
}
.imageRedeye {
	float: left;
	margin-right: 10px;
	padding-bottom: 5px;
    display: block;
}
.zoomArea {
	text-align: center;
	width: 144px;
	height: 120px;
	background-image: url(../images/jumpto-bg.gif);
	background-repeat: repeat-y;
	background-position: bottom;
	border-top: 3px solid #c0ddfd;
	border-bottom: 3px solid #c0ddfd;
	padding-top: 24px;
}
.imageIco {
	float: right;
}
.icoZoom {
	display: block;
	float: left;
	padding: 0px 6px 6px 0px;
 }
.butPrevious {
	float: left;
	height: 23px;
}
.butNext {
	float: right;
	height: 23px;
	padding-right: 14px;
}
.gallery {
	margin-top: 30px;
}
.warning {
	color: #900;
    margin: 30px 20px 20px 15px;
}

/* ###################################### */
/* #### SHOPPING CART ################### */
/* ###################################### */
.rightSet {
	float: right;
}
.leftSet {
	float: left;
}
.shoppingCart {
	margin-bottom: 10px;
	padding: 9px;
	background-image: url(../images/bg-blue.gif);
	background-repeat: repeat-x;
	background-color: #dbf2fa;
	border: 2px solid #c4dcfe;
 }
.scImage {
	float: left;
	width: 140px;
}
.scMakeSame {
	float: left;
	width: 20px;
}
.scProduct {
	float: left;
	width: 290px;
}
.scUnit {
	float: left;
	width: 50px;
	text-align: right;
}
.scPrice {
	float: left;
	width: 70px;
	text-align: right;
}
.txtPaper {
	padding-left: 10px;
	line-height: 24px;
	font-weight: bold;
}
.txtPrice {
	padding-left: 10px;
	line-height: 24px;
	font-weight: bold;
	background-color: #b5daf5;
	padding: 3px;
}
.lkLine1 {
	float: left;
	line-height: 22px;
	width: 140px
}
.lkLine2 {
	float: left;
	line-height: 22px;
	width: 130px
}
.lkLine3 {
	float: left;
	line-height: 22px;
    width: 140px
}
.lkLine4 {
	float: left;
	line-height: 22px;
}
.greyArea {
	margin-bottom: 10px;
	padding: 7px;
	background-image: url(../images/bg-grey.gif);
	background-repeat: repeat-x;
	background-color: #e8e9eb;
	border: 2px solid #e9e9eb;
}
.scPickerPic {
	float: left;
	width: 130px;
	height: 130px;
}